THE TDP COLLECTION
All components
16 interactive components. Thoughtful defaults, copyable code, and room to make them yours.
16 components · Try the previews below
Reveal card
Home
Floating dock
Expandable panel
- 1Brief
- 2Design
- 3Review
Step 1: Brief
Progress stepper
Good work is a team sport.
4 people, one shared direction.
Avatar stack
Keep something worth coming back to.
Save button
Drop your next idea here.
PNG, JPEG, WebP or SVG · up to 5 MB
Upload zone
All set
Your workspace is up to date.
1 of 3
Notification stack
StudioFor small teams
$32/ month
$32 billed monthly
- Shared projects
- Component collections
- Team feedback
Pricing card
Primary button
Email updates are on in this demo.
Preference switch
Designed to be yours.
Copy the component, adjust the tokens, and make it fit your product.
What do I need?
React and CSS Modules. No animation library or icon package required.
Can I use my keyboard?
Yes. Tab to a heading and press Enter or Space to open it.
Accordion
A clear picture of your project.
Segmented control
Email field
Changes saved
Your team can see the latest version.