Components
43 components available. Custom One Piece components are installable via the shadcn registry.
Custom Components
10Masthead
Newspaper header with title, date, volume/issue, and double-rule borders.
Wanted Poster
One Piece wanted poster bounty card with parchment texture and distressed edges.
Headline Banner
"BIG NEWS!" breaking-news alert banner with severity levels and dismiss.
Column Layout
Multi-column newspaper grid with column rules, drop caps, and justified text.
News Coo Badge
Notification badge with News Coo bird silhouette, supporting dot/count/icon/new variants.
Log Pose Nav
Navigation component styled like a Log Pose compass with compass and linear variants.
Bounty Table
Data table for pirate bounties with Berry currency formatting, rank medals, and status badges.
Den Den Mushi
Chat/communication component styled like a Den Den Mushi snail phone.
Poneglyph Code
Code block styled like an ancient Poneglyph stone tablet with glow text and decipher toggle.
Theme Toggle
Dark/light mode toggle button with sun/moon icons and hydration-safe rendering.
Base with Variants
13Standard shadcn components with newspaper-specific CVA variants added.
Accordion
Collapsible content sections. Newspaper variant adds serif triggers and +/- toggle.
Alert
Alert messages for important information.
Badge
Small status indicators and labels.
Button
Clickable button element with multiple variants.
Card
Container for grouping content.
Checkbox
Toggle checkbox input.
Input
Text input field.
Pagination
Page navigation controls.
Progress
Progress indicator bar.
Select
Dropdown select input.
Separator
Visual divider between content sections.
Skeleton
Loading placeholder.
Textarea
Multi-line text input.
Base Themed
20Standard shadcn components styled via the newspaper theme CSS variables.
Avatar
User avatar with image and fallback.
Breadcrumb
Navigation breadcrumb trail.
Calendar
Date picker calendar grid.
Context Menu
Right-click context menu.
Dialog
Modal dialog overlay.
Dropdown Menu
Dropdown menu trigger and content.
Hover Card
Card that appears on hover.
Label
Form field label.
Menubar
Horizontal menu bar.
Navigation Menu
Site navigation menu.
Popover
Floating popover panel.
Radio Group
Radio button group.
Scroll Area
Custom scrollable area.
Sheet
Side sheet/drawer panel.
Sidebar
Application sidebar navigation.
Sonner
Toast notification system.
Switch
Toggle switch input.
Table
Data table with rows and columns.
Tabs
Tabbed content panels.
Tooltip
Informational tooltip on hover.