Build beautiful
Apple-aesthetic UIs

50+ accessible components following the Apple Human Interface Guidelines.
Semantic CSS classes on Tailwind CSS v4. Copy and paste into your project.

Get Started View Components
npm install ciderui

Built with Cider UI

Create an account

Enter your details to get started

Notifications

Choose what you want to be notified about

Suggestions
Calendar ⌘C
Search Files ⌘F
Settings ⌘,
Task Status
Update landing page Done
Fix login bug In Progress
Write API docs Todo
Set up CI pipeline Done
Design system tokens In Progress
Add dark mode tests Todo

Payment Method

Add a payment method to your account

Connect your PayPal account.

FAQ

Is it accessible?
Yes. WAI-ARIA patterns and keyboard navigable.
Dark mode support?
Yes. Add the .dark class.
Any framework?
Pure CSS — React, Vue, Svelte, or plain HTML.

Alerts

A new update is available.

Connection lost.

Controls

Verification Code

Format

Volume