Advanced Components
Complex and interactive components for sophisticated user interfaces.
Job Listing Component
displayecommerce
Job listing component with animation when showing more information
Supabase
I/UX Designer / $85,000 - $95,000
San Francisco, CA | Full-time
Resend
UI Developer / $75,000 - $85,000
Remote | Contract
Turso
Graphic Designer / $60,000 - $70,000
Hybrid / New York, NY | Part-time
motion usehooks-ts
View ComponentImage Metadata Preview
mediadisplay
Component that displays the metadata information of an image, uses useMeasure to get the size of the information box and move the image on the Y axis
motion lucide-react react-use-measure
View ComponentAnimated Tags
inputfilter
Component that displays tags with an animation when they are added or removed from the list of selected tags
Selected Tags
react
tailwindcss
javascript
typescript
nextjs
motion lucide-react
View ComponentInteractive Image Selector
mediagallery
Select images by clicking on them, delete selected images using the trash icon, and reset the gallery with the refresh button. Inspired by the smooth and intuitive photo gallery experience of iPhones, this interface features seamless animations for an engaging user experience.
Demo Gallery
motion lucide-react
View ComponentApp Download Stack
navigationmobile
Inspired by Family.co and the example by Jenson Wong, this component presents a stack of apps, allowing users to open the stack, select the apps they want, and download them.
motion lucide-react
View ComponentPower Off Slide
inputmobile
Inspired by the power off animation of iPhones, this component allows the user to slide to power off the device.
Slide to power off
motion lucide-react
View ComponentLooking for more?
Explore our other component groups for more UI elements.