Charles UI

A personal Next.js component library distributed via the shadcn registry

1: Install shadcn/ui.

2: Copy the command below and run it in your terminal to add the component to your project.

Simple Toggle Switch

Use the command below to install.
npx shadcn add https://charlesui.vercel.app/r/simple-toggle-switch.json

Dark / Light Mode Switch

Use the command below to install.
npx shadcn add https://charlesui.vercel.app/r/dark-light-switch.json

Accordion

You can return any item within 30 days of purchase if it is in its original condition.
Yes! We provide 24/7 technical support via chat and phone.
We are headquartered in San Francisco, with offices worldwide.
Use the command below to install.
npx shadcn add https://charlesui.vercel.app/r/accordion.json

This is just the beginning — more components coming soon!