Beautifully designed landing page components built with React & Tailwind CSS & Motion.
A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.
A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.
A modern activity/notification dropdown with smooth animations and responsive motion.
A demo showcasing the animated ActivityDropdown component with staggered item reveal.
A dynamic list component with smooth animations that forms a column and scrolls through items continuously.
A demo showcasing the Animated List component with smooth formation and scrolling animations.
A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.
A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.
A flexible and customizable Badge component for labels, statuses, and indicators.
A demo showcasing the GammaUI Badge component with customizable colors, sizes, and variants.
A reactive border animation button that follows cursor movement using Framer Motion and CSS masks.
An interactive button that animates its border dynamically based on cursor position using Framer Motion.
An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layered motion effects—ideal for showcasing distributed systems, API traffic, and real-time infrastructure flows.
An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layered motion effects—ideal for showcasing distributed systems, API traffic, and real-time infrastructure flows.
A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.
A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.
An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.
An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.
(No description)
A smooth, animated custom cursor component with blend mode effects.
A smooth, animated custom cursor component with blend mode effects.
A customizable live audio waveform visualizer using the Web Audio API.
A customizable live audio waveform visualizer using the Web Audio API.
An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.
An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.
A responsive logo grid component supporting dark mode, decorations, and flexible layout.
A responsive logo grid demo showcasing brand logos with optional plus icons.
A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.
A multi-row infinitely scrolling logo timeline built with Motion One, supporting hover-activated animations and row grouping.
A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.
A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.
A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.
Interactive animated MacBook keyboard component.
Interactive animated MacBook keyboard component.
A magnetic particle-attraction button built with Framer Motion.
An interactive demo showcasing the Magnetize Button component with particle attraction effects.
An animated gradient button using Framer Motion with looping motion and spring transitions.
A looping animated gradient button using Framer Motion’s spring transitions for smooth motion effects.
A pixelated button animation effect built with Tailwind CSS and React.
A pixelated button animation effect built with Tailwind CSS and React.
A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.
A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.
An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.
An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.
An expressive rabbit boy mascot with round glasses and mood-driven face animations.
Interactive rabbit boy mascot with moods like happy, sad, love, winky, and more.
A dynamic radial orbit animation built with Motion and React, featuring upright spinning image nodes.
A rotating radial orbit animation demo showcasing spinning profile images.