A clean, serif-styled testimonial component featuring a quote block with decorative quotation marks, author attribution, and a linked profile URL.
A dynamic text component that renders SVG-based text with a fluid gradient fill that shifts responsively based on mouse pointer movement using Framer Motion spring physics.
A utility component that truncates long strings in the middle using binary search and canvas-based measurement to preserve both the start and end of the text within a fixed container width.
A text component that applies a smooth, sequential shimmering color animation to individual characters using Framer Motion, featuring customizable duration and pause controls.
An SVG-based handwriting animation component that draws the Vietnamese phrase 'xin chào' using Framer Motion path length transitions to mimic Apple's signature Hello effect.
An SVG-based handwriting animation component that mimics the Apple 'Hello' effect, featuring sequential path drawing for Hindi text using Framer Motion.
An SVG-based handwriting animation that draws the word 'hello' using Framer Motion, featuring customizable duration and path-tracing effects inspired by Apple's design aesthetic.
An animated text component that cycles through an array of children with a smooth vertical flip transition, blur effects, and customizable motion variants using Framer Motion.
A decorative text component that arranges characters in a circular layout and rotates them continuously using Framer Motion, featuring customizable radius, duration, and direction.
A dynamic number display component that uses spring-based animations to create a smooth vertical sliding effect when values change, built with Framer Motion.
A text animation component that applies a 3D wave effect with color shimmering, scaling, and rotation to individual characters using Framer Motion.
A text animation component that creates a shimmering light effect across text using CSS background gradients and Framer Motion for smooth, infinite horizontal movement.
A text animation component that creates a scramble effect by cycling through random characters before revealing the final string, built with Framer Motion for smooth, customizable character-based transitions.
A text animation component that creates a 3D rolling effect for individual characters using Framer Motion, featuring customizable rotation transitions and staggered delays.
A text animation component that uses Framer Motion to smoothly morph and transition between character strings with layout animations and spring-based physics.
A dynamic text animation component that cycles through a list of children elements using Framer Motion, featuring customizable transition effects and interval-based automatic switching.
A highly customizable text animation component that supports character, word, or line-level transitions with built-in presets like blur, scale, and slide using Motion for React.
A dynamic number component that uses Framer Motion to smoothly animate numeric transitions with customizable spring physics and tabular numeral formatting.
A polymorphic typography component featuring 14 distinct variants including hero, headings, and error styles, built with class-variance-authority to provide semantically correct HTML elements with customizable Tailwind CSS styling.
Select an Item to view its code
Choose an item from the list to view its code and files.