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
📖
📦
Data Display
DonutChart
SVG donut/pie chart with animated segments and center label.
tsx
Copy
1
import
{
DonutChart
}
from
"neumorui"
;
Example
100%
Total
React
45%
Vue
25%
Svelte
20%
Angular
10%
Playground — Edit Props Live
size
strokeWidth
centerLabel
centerValue
Show code
Props
Prop
Type
Default
segments
DonutSegment[]
[]
size
number
120
strokeWidth
number
18
centerLabel
string
-
centerValue
string
-
Previous
BarChart
Next
LineChart