Components (64)

All 64 registry components in their base state. Restyled ones follow Design.md; stock ones keep shadcn's shapes but already read our colours, type and radius through the theme. Switch Light/Dark or the second brand in the top bar.

Accordion

Stock

Alert Dialog

Stock

Alert

Stock

Aspect Ratio

Stock
16 : 9

Attachment

Stock
resume-alex-tan.pdfPDF ยท 240 KB

Avatar

Stock
ATWMJL
+4
Design.md
AttendedPendingNo-showOn LeaveUnpublishedDraft

Bubble

Stock
Hi! How can I help with your resume?
Can you check my summary?

Button Group

Stock
Design.md

Calendar

Stock
November 2026
Design.md
Upcoming Events
Three this week
Career Fair 2026 opens on Monday at 10:00.

Chart

Stock
Design.md

Code Block

Stock
npx shadcn@latest add @su/button

Collapsible

Stock

Combobox

Stock

Command

Stock

Context Menu

Stock
Right-click here
Design.md

Direction

Stock
RTL provider

Drawer

Stock

Empty

Stock
No events yet
Events you create show here.

Field

Stock

We send the confirmation here.

Hover Card

Stock

Input Group

Stock

Input OTP

Stock
Design.md

Item

Stock
Resume Clinic

12 slots left

Kbd

Stock
โŒ˜B

Label

Stock

Marker

Stock
Read resume.pdf
Checking the summary

Message Scroller

Stock
Hi Alex, your mentor session is confirmed.
Thanks! Can I move it to Thursday?
Thursday 10:00 is free. Shall I book it?

Message

Stock
AI
Your resume has 2 suggestions.
Show me.

Native Select

Stock

Pagination

Stock

Popover

Stock

Progress

Stock
x

Questionnaire

Stock
How will you attend?
Design.md

Resizable

Stock
List
Details

Scroll Area

Stock
Design.md

Separator

Stock
EventsMentorshipForms

Sheet

Stock

Skeleton

Stock

Slider

Stock

Sonner

Stock

Spinner

Stock
Loading sessions
Design.md
Design.md
NameStatus
Ivan Tan Wei MingAttended
Nur AisyahPending
Design.md
Three things to finish this week.
Design.md

Toast

Stock

Toggle Group

Stock

Toggle

Stock

Tooltip

Stock

Trace

Stock
Reading your resume