I
iurvish
/
uselayouts
/
components
Files
Code
Info
3D Book
3d-book
An interactive 3D book component with page flip animations.
Animated Collection
animated-collection
A collection of items with smooth layout transitions and animations.
Bento Card
bento-card
An interactive bento card with animated tabs and workspace preview.
Bottom Menu
bottom-menu
A floating bottom navigation menu with smooth interactions.
Bucket
bucket
An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.
Day Picker
day-picker
A custom day picker component with smooth animations.
Delete Button
delete-button
A confirmation button with smooth icon transitions.
Discover Button
discover-button
An interactive button with expanding discovery state.
Discrete Tabs
discrete-tabs
A tab component with discrete sliding animations.
Dynamic Toolbar
dynamic-toolbar
A toolbar that adapts its size and layout based on content.
Empty Testimonial
empty-testimonial
An interactive empty state for testimonials with a playful folder animation.
Expandable Gallery
expandable-gallery
A photo gallery with smooth item expansion.
Feature Carousel
feature-carousel
A smooth carousel for showcasing product features.
Fluid Expanding Grid
fluid-expanding-grid
A responsive gallery grid that fluidly shifts and expands items using motion layout.
Folder Interaction
folder-interaction
A folder management system with drag-and-drop-like feel.
Inline Edit
inline-edit
An input that switches between read and edit modes.
List Item
list-item
Interactive list items with hover and focus effects.
Magnified Bento
magnified-bento
A bento card component with a draggable magnifying lens effect over scrolling chips.
Morphing Input
morphing-input
An input field that morphs between different states.
Multi Step Form
multi-step-form
A dynamic, animated multi-step form with validation.
Pricing Card
pricing-card
A focused pricing card layout with clear hierarchy.
Shake Testimonial Card
shake-testimonial-card
An eye-catching testimonial card with playful animations.
Smooth Dropdown
smooth-dropdown
A dropdown menu with premium layout transitions.
Stacked List
stacked-list
An expandable list widget with a stacked layout and smooth morphing transitions.
Status Button
status-button
A button with animated states for idle, loading, and success.
Vertical Tabs
vertical-tabs
A vertical tab interaction with smooth content switching.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
3D Book
3d-book
An interactive 3D book component with page flip animations.
Animated Collection
animated-collection
A collection of items with smooth layout transitions and animations.
Bento Card
bento-card
An interactive bento card with animated tabs and workspace preview.
Bottom Menu
bottom-menu
A floating bottom navigation menu with smooth interactions.
Bucket
bucket
An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.
Day Picker
day-picker
A custom day picker component with smooth animations.
Delete Button
delete-button
A confirmation button with smooth icon transitions.
Discover Button
discover-button
An interactive button with expanding discovery state.
Discrete Tabs
discrete-tabs
A tab component with discrete sliding animations.
Dynamic Toolbar
dynamic-toolbar
A toolbar that adapts its size and layout based on content.
Empty Testimonial
empty-testimonial
An interactive empty state for testimonials with a playful folder animation.
Expandable Gallery
expandable-gallery
A photo gallery with smooth item expansion.
Feature Carousel
feature-carousel
A smooth carousel for showcasing product features.
Fluid Expanding Grid
fluid-expanding-grid
A responsive gallery grid that fluidly shifts and expands items using motion layout.
Folder Interaction
folder-interaction
A folder management system with drag-and-drop-like feel.
Inline Edit
inline-edit
An input that switches between read and edit modes.
List Item
list-item
Interactive list items with hover and focus effects.
Magnified Bento
magnified-bento
A bento card component with a draggable magnifying lens effect over scrolling chips.
Morphing Input
morphing-input
An input field that morphs between different states.
Multi Step Form
multi-step-form
A dynamic, animated multi-step form with validation.
Pricing Card
pricing-card
A focused pricing card layout with clear hierarchy.
Shake Testimonial Card
shake-testimonial-card
An eye-catching testimonial card with playful animations.
Smooth Dropdown
smooth-dropdown
A dropdown menu with premium layout transitions.
Stacked List
stacked-list
An expandable list widget with a stacked layout and smooth morphing transitions.
Status Button
status-button
A button with animated states for idle, loading, and success.
Vertical Tabs
vertical-tabs
A vertical tab interaction with smooth content switching.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information