signcl/ui

Accessible and customizable components that you can copy and paste into new projects

View Storybook

A contact form with Zod validation.

Open in Open in v0
How can we help?
Need help with your project? We're here to assist you.

A credit card form with Zod validation.

Open in Open in v0
Payment Method

All transactions are secure and encrypted

Enter your 16-digit card number

And
Billing Address

The billing address associated with your payment method

A complex component showing hooks, libs and components.

Open in Open in v0
bulbasaur
bulbasaur
ivysaur
ivysaur
venusaur
venusaur
charmander
charmander
charmeleon
charmeleon
charizard
charizard
squirtle
squirtle
wartortle
wartortle
blastoise
blastoise
caterpie
caterpie
metapod
metapod
butterfree
butterfree

Component Registry

signc/ui component registry
ComponentStoriesSchemaCommand
Example FormN/ALink
Complex ComponentN/ALink
AccordionStoryLink
AlertStoryLink
Alert DialogStoryLink
Aspect RatioStoryLink
AvatarStoryLink
BadgeStoryLink
BreadcrumbStoryLink
ButtonStoryLink
Button GroupStoryLink
CalendarStoryLink
CardStoryLink
CarouselStoryLink
ChartStoryLink
CheckboxStoryLink
CollapsibleStoryLink
CommandStoryLink
Context MenuStoryLink
Copy ButtonStoryLink
Data TableStoryLink
DialogStoryLink
DividerStoryLink
DrawerStoryLink
Dropdown MenuStoryLink
FieldStoryLink
Figure DisplayStoryLink
Hover CardStoryLink
InputStoryLink
Input GroupStoryLink
Input NumberStoryLink
Input OTPStoryLink
ItemStoryLink
KeyboardStoryLink
LabelStoryLink
LoadingStoryLink
MenubarStoryLink
Navigation MenuStoryLink
PaginationStoryLink
PopoverStoryLink
ProgressStoryLink
RadioStoryLink
Radio GroupStoryLink
ResizableStoryLink
Scroll AreaStoryLink
Scroll Area V1StoryLink
Segmented ControlStoryLink
SelectStoryLink
SeparatorStoryLink
SheetStoryLink
SkeletonStoryLink
SliderStoryLink
SonnerStoryLink
SwitchStoryLink
TableStoryLink
TabsStoryLink
TextareaStoryLink
ToggleStoryLink
Toggle GroupStoryLink
TooltipStoryLink