A glass surface component with blur and distortion effects.

A code block component with syntax highlighting and line numbers.

One-line code or command display with copy button. Compound component: Provider, Input, Addon, Text, CopyButton. Use for install commands, tokens, or copyable snippets.

Animated container that reveals content with pop-up spring animation. Supports whileInView, hover, or click triggers.

A text component with decoding animation—random katakana glyphs gradually resolve to reveal the target text.

Scrambled text that reveals on hover or when in view. Supports sequential or batch reveal, and multiple reveal directions.

Text that reveals a cursor-following gradient and stroke animation on hover.

A slide up letters component with customizable data and optional title and description.

A number counter that animates from a starting value to a target when it enters the viewport.

A reusable timer that shows elapsed time. Start, pause, or restart with buttons; choose display format (e.g. 00:01:23 or 83.250s).

A button that copies text to the clipboard. Shows a check icon after copying. Use it next to code blocks, quotes, or any text you want users to copy in one click.

A theme switch component with dark and light mode. It is built with React, Tailwind CSS, and Motion.

Buttons that scroll the window (top, bottom, up, down, left, right). Use for quick page navigation.

A card that tilts in 3D following your cursor on hover. Child elements can float at different depths for a parallax effect.

A compound flip card with 3D tilt on hover and click-to-flip front/back.

A radar chart component with customizable data and optional title and description.

Radial cluster chart for hierarchical data. Supports data prop or Item/SubItem composition.

A compound carousel wheel with rotation animation, prev/next navigation, dot indicators, and optional center info panel. Supports keyboard control (ArrowLeft/ArrowRight) when focused.

A draggable 2D grid with parallax icon cells. Inspired by Apple WatchOS.

Vertical timeline with sticky year on the left and card content on the right. Optional scroll-driven axis fill effect.

FAB that expands into a radial menu of actions. Compound component: Root, Trigger, Item. Supports spread angle and direction.

Bottom navigation dock with magnify-on-hover. Desktop bar at bottom; mobile collapses to hamburger menu.

A floating circles component with customizable data and optional title and description.

A matrix code component with glitch effect and optional vignette effect.

Canvas-based Perlin noise wave grid background. Configurable line color, wave speed and amplitude; mouse and touch interaction affect grid displacement.

Canvas 2D starfield background. Configurable star count, twinkle speed, and color. Suited for hero sections or page backgrounds with optional overlay content.

A webcam component that streams the user's camera with configurable resolution and optional audio. Supports ref forwarding and shows an error message when camera access fails.

Convert any image to a pixelated canvas with mouse distortion effects.

Renders an image as ASCII art with configurable resolution, character set, and colors. Supports fade, typewriter, and matrix animations; use AsciiArtStatic for non-animated output.

Renders a source image with a heatmap visual effect by mapping pixel intensity to a color gradient.