NeumorUI
124 Components
v0.3.9
🔍
🏠
Overview
📝
Form
24
Button
Input
Textarea
Switch
Checkbox
RadioGroup
Select
Slider
ToggleGroup
FileUpload
OTPInput
Rating
TagInput
ColorPicker
SegmentedControl
PasswordInput
NumberInput
PhoneInput
PinInput
InputGroup
FormField
MultiSelect
RichTextEditor
MarkdownEditor
🏗️
Layout
11
Card
Grid
Divider
Hero
PricingCard
Col
AspectRatio
ScrollArea
ResizablePanels
Masonry
Container
📊
Data Display
28
Badge
Avatar
Progress
Skeleton
Spinner
DataTable
StatsCard
BarChart
DonutChart
LineChart
Heatmap
ComparisonTable
KanbanBoard
TreeView
ActivityFeed
Timeline
Chip
ImageGallery
Countdown
AreaChart
RadarChart
GaugeChart
Sparkline
UserCard
TestimonialCard
NotificationCard
CodeBlock
AvatarGroup
🧭
Navigation
15
Tabs
Breadcrumb
Pagination
Navbar
Sidebar
BottomNav
BrowserTabs
MegaMenu
SpeedDial
BackToTop
Dock
Steps
LinkPreview
CommandMenu
TableOfContents
🪟
Overlay
9
Modal
Popover
Tooltip
DropdownMenu
ContextMenu
Drawer
ConfirmDialog
Sheet
AlertDialog
💬
Feedback
10
Alert
Toast
AnnouncementBar
CookieConsent
LoadingOverlay
Stepper
EmptyState
Snackbar
Banner
InlineMessage
📂
Disclosure
1
Accordion
📅
Date
4
Calendar
DatePicker
DateRangePicker
TimePicker
⌘
Command
2
Command
Combobox
✨
Animation
3
Reveal
Marquee
Carousel
💎
Showpiece
5
MusicPlayerCard
WeatherCard
ChatBubble
NotificationCenter
Onboarding
🎬
Media
2
AudioPlayer
VideoPlayer
🔧
Utility
5
CopyButton
Kbd
InfiniteScroll
QRCode
ThemeCustomizer
🤖
AI Chat
5
ChatInput
MessageList
StreamingText
ThinkingIndicator
PromptCard
NeumorUI
📖
📦
Date
Calendar
Date calendar built on react-day-picker with clay styling.
tsx
Copy
1
import
{
Calendar
}
from
"neumorui"
;
Example
April 2026
April
2026
Su
Mo
Tu
We
Th
Fr
Sa
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
Playground — Edit Props Live
mode
single
multiple
range
Show code
Props
Prop
Type
Default
mode
"single" | "multiple" | "range"
"single"
selected
Date | Date[] | DateRange
-
onSelect
(date: Date) => void
-
Previous
Accordion
Next
DatePicker