ObsidianUI components
React & Tailwind CSS Components Library
- Components
- 78
- Framework
- React
- Stack
- React, TypeScript, Tailwind, CSS
- License
- MIT
- GitHub stars
- 268
- Source
- https://github.com/Atharvsinh-codez/ObsidianUI
- Website
- https://www.obsidianui.dev
- Install
npx shadcn@latest add "https://www.obsidianui.dev/r/{name}.json"
All ObsidianUI components
- Active Sessions
- Alert
- Analytics Dashboard
- Art Gallery: A lensed photo grid you can drag through, with barrel distortion and infinite tiled studies.
- Avatar
- Badge
- Breadcrumb
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Click Spark
- Collapsible
- Command
- Context Menu
- Dashboard Shell
- Dashboard Shell Page
- Dialog
- Discover Button
- Draggable Marquee: A continuous image marquee with drag momentum and a seamless looping track.
- Drawer
- Dropdown Menu
- Empty
- Field
- File Input
- Flip Text: Text whose letters flip over in sequence to reveal the content.
- Footer
- Form
- Golden Gate 404: A full-screen not-found page on the Golden Gate's north tower, with live traffic, boats and fog in light and dark themes.
- Hover Card
- Hover Img
- Input
- Input Group
- Input Otp
- Interactive Hover Button
- Item
- Kbd
- Label
- Liquid Metal: Shader background that looks like flowing liquid metal or chrome.
- Loaders Gooey Blobs
- Menubar
- Navigation Menu
- Pagination
- Parallax Slider: A full-width image slider where each slide moves with a parallax offset, driven by drag, arrows or keys.
- Playground Button
- Playground Navbar
- Popover
- Progress
- Radio Group
- Raised Button
- Resizable
- Scroll Area
- Select
- Separator
- Sheet
- Sidebar
- Sidebar Stackbits
- Skeleton
- Skeumorphic Music Card
- Slider
- Smooth Scroll
- Sonner
- Spinner
- Split Showcase
- Status Bars
- Switch
- Table
- Tabs
- Text Stream: A continuous vertical text stream changes speed and direction with your scroll.
- Textarea
- Toggle
- Toggle Group
- Tooltip
- V Prism
- Visitor Count: Counter that shows the number of visitors with animated digits.
Browse by category
- Input Components
- Data Display Components
- Navigation Components
- Action Components
- Overlay Components
- Feedback Components
- Button Components
- Effect Components
- Menu Components
- Layout Components
- Media Components
- Form Field Components
- Text Input Components
- Page Components
- Scene 3D Components
- Carousel Components
- Bar Chart Components
- Chart Components
- Modal Components
- Drawer Components