A Carbon Ads integration component for Next.js that dynamically loads and refreshes ad units with support for responsive and cover layout formats.
A ruler-style timeline component that supports both horizontal and vertical orientations for plotting milestones, featuring a scrollable viewport and a sticky header for structured data visualization.
An interactive SVG logo featuring a cursor-tracking radial gradient spotlight effect, spring-based press animations, and integrated tactile click sound feedback.
A dynamic logo display component that uses staggered 3D flip animations to cycle through a list of logos in waves, built with React and Motion.
An animated SVG icon that uses Framer Motion to morph smoothly between circular and infinity loop shapes in a continuous, infinite loop animation.
A decorative text component that arranges characters in a circular layout with a continuous CSS-based spinning animation, featuring customizable font size, character spacing, and render overrides.
An interactive canvas-based dot grid component that features a cursor-tracking spotlight effect, dynamically adjusting dot size, color, and opacity based on proximity to the mouse pointer.
A motion-powered icon transition component that uses Framer Motion to animate icon swaps with scale, blur, and fade effects for smooth UI state changes.
A GitHub-style contribution activity heatmap that visualizes data density over time using color-coded squares, featuring customizable labels, date-fns integration, and responsive grid layout.
A utility component that automatically detects and replaces Unicode emojis in text strings with Twemoji SVG images via a customizable CDN source.
An animated SVG icon featuring dual chevrons that morph between up and down directions using Framer Motion, providing imperative control for triggering the animation state.
An SVG handwriting animation component that draws the word 'hola' using Framer Motion, featuring customizable duration scaling and path-based stroke reveal effects.
A 3D tilt effect wrapper component that uses Framer Motion to rotate elements based on mouse position, featuring configurable rotation intensity, spring physics, and reverse-tilt support.
A dynamic spotlight effect component that follows the mouse cursor using spring-based motion, creating a radial gradient glow on its parent container with smooth opacity transitions.
An interactive, expandable toolbar component that uses Framer Motion for smooth layout transitions, allowing users to toggle between icon-based navigation and detailed content panels.
A dynamic, animated toolbar component that expands from a compact icon-only state to a search input field using Framer Motion spring transitions.
An interactive image comparison slider that uses Framer Motion to reveal two overlapping images with a draggable or hover-based clip-path transition.
A highly customizable glow effect component using Framer Motion that supports multiple animation modes like rotate, pulse, and breathe with configurable blur, color gradients, and transition timing.
A macOS-inspired interactive dock component featuring smooth spring-based icon magnification and hover animations built with Framer Motion and React.
Select an Item to view its code
Choose an item from the list to view its code and files.