Exploring UI/UX component code for dynamic and engaging web experiences.
This collection of re-usable components use Next.js↗↗, Tailwind CSS↗↗ and Typescript↗↗as default.
Components
Combobox
Accessible combobox code with Radix, cmdk, Tailwind CSS and Framer Motion.
Radix
cmdk
Tailwind CSS
Framer Motion
Tooltip
Tooltip that triggers when text is selected with Floating UI, Tailwind CSS and Framer Motion.
Floating UI
Tailwind CSS
Framer Motion
Select me
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos tempore officia porro! Voluptate sequi architecto vitae distinctio eum atque excepturi doloribus tempora. Explicabo, esse. Reprehenderit aliquam modi voluptates molestiae inventore.
Read More Button
Button read more with Tailwind CSS and Framer Motion.
Tailwind CSS
Framer Motion
Hover me
Magnetic Effect
Magnetic effect with Tailwind CSS and Framer Motion.
Tailwind CSS
Framer Motion
Hover me
Magnettic button
External Link
External link inline text with Tailwind CSS.
Tailwind CSS
Keyboard
Keyboard animation with Tailwind CSS.
Tailwind CSS
Click me