AISoon
shadcn/ui
Accordion
Alert
Alert Dialog
Avatar
Badge
Breadcrumb
Button
Card
Carousel
Checkbox
Collapsible
Data Table
Dialog
Dropdown Menu
Form
Hover Card
Input
Input OTP
Label
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toggle
Toggle Group
Tooltip
CalendarSoon
ComboboxSoon
CommandSoon
Context MenuSoon
Date PickerSoon
DrawerSoon
MenubarSoon
Navigation MenuSoon
SonnerSoon
ChartsSoon
MDXSoon
Add-ons
Auto Resize
File UploadSoon
Motion Panel
Segmented Control

Motion Panel

Animate the content of a panel

Built with:

React.js
TypeScript
Tailwind CSS
Motion

Loading...

PrevFile Upload

Next Segmented Control

Contents

Installation

Ads

Installation

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Motion Panel | Pure UI