The fastest way to build your next project.

Build your projects faster by copy and pasting from quadratic/ui's curated collection of 40+ components built using Radix UI, shadcn/ui, and Tailwind CSS.

Get Started

View in Figma

July 2024

[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; } }

@peduarte starred 3 repositories

@radix-ui/primitives

Airplane Mode

Default

Comfortable

Compact

One

Two

Three

Su	Mo	Tu	We	Th	Fr	Sa

The fastest way to build your next project.

Is it accessible?

Is it styled?

Is it animated?

@peduarte starred 3 repositories