UI component library
Action Toolbar
Toolbar that changes state to notify and enable information and actions.
reacttailwindcssframer motion
Select an action
Two-Step Popover
Experimenting how a two-step popover can be implemented.
reacttailwindcssframer motion
Animated Cards
A set of animated cards with smooth interactions.
reacttailwindcssframer motion
H1
Cards
03
Text
Hi!
Icons
04
Buttons
Elastic Card
Enable actions within the card to trigger an informative interaction.
reacttailwindcssframer motion
03
Image Models
Conecte múltiplos modelos de imagem ao mesmo tempo com um clique.
Usuário autenticado
Dynamic Header Dropdown
A dynamic header that changes state when hovering over different options.
reacttailwindcssframer motion
Preview#34098
Comments2
Analytics12,403
Settings
Dynamic Footer Widget
Footer widget that shows metrics with hover interactions.
reacttailwindcssframer motion
Total Events Triggered
Production
35,968
Events Triggered
+15% /wk
12,403
Production
+15% /wk
112,403
Emails
+15% /wk
Flexible Tags Container
Container that expands and shrinks dynamically as you manipulate the tags.
reacttailwindcssframer motion
React
TypeScript
Next.js
Tailwind CSS
Parameters iOS Slider
Recreating iOS sliders on the web with native iOS interactions in the browser.
reacttailwindcssframer motion
Parameters
Adjust the values using the sliders.
50
50