Component library

Continuously bend and ripple text for expressive headings and experimental typography.

Rotate text through slices, vertical changes or continuous scrolling, with surrounding text, dynamic width and pause options.

Change letter width, weight and slant according to pointer distance so headings respond like flexible material.

Transition multiple short phrases through one position for hero copy, status messages and rotating keywords.

Change characters like mechanical split-flap signs to display numbers, short phrases and changing information.

Change variable-font weight and shape according to pointer distance, with a graduated range of influence.

Flash text slices and colored afterimages, with adjustable speed, intensity and hover triggers.

Speed up or reverse text bands according to page scrolling speed, for animated banners and transitions.

Lift text character by character while scrolling, with subtle stretching and spring motion for long-page headings.

Move text continuously along a curve, with dragging to adjust its rhythm.

Arrange rotating text around a circle, with adjustable speed and hover behavior for badges and labels.

Leave layered text echoes during motion, using repeated outlines and time offsets to animate headings.

Move focus smoothly between words, using clarity and blur to emphasize keywords with automatic, pointer and keyboard controls.

Resolve random characters into text on click, hover or viewport entry, with an adjustable decoding order.

Present characters as dashed blueprints that fill in under the pointer, with draggable spring motion.

Build three-dimensional text with layers and perspective for poster-like headings and short statements.

Gather particles into text and scatter them on interaction, moving naturally between dots and letter shapes.

Reveal titles and short phrases through staggered diamond-shaped masks.

Flow multiple colors through text, with direction, angle, alternating motion, hover pause and outline options.

Draw text as animated outlines to emphasize letter shapes in poster headings and brand statements.

Text gradually comes into focus, with staggered character or word entrances and adjustable direction and timing.

Sweep highlights over text, with adjustable angle, band width, alternating motion and pauses.

Change character colors independently to create waves from the center or edges, with adjustable palettes, phase and interaction pauses.

Animate formatted numbers smoothly, with optional scroll triggers for metrics and achievements.

Clip images, video or colors to letter shapes, with segmented entrance animations for visual headings.

Reveal and fade custom text along the pointer path for distinctive hints and interactive decoration.

Light monospaced characters in sequence, combining scanning light and corner marks for an instrument-panel heading.

Continuously distort character edges with noise, with optional stronger distortion on hover.

Fold and unfold text like paper, using perspective to give headings a tactile appearance.

Briefly scramble characters near the pointer and restore them, with adjustable radius, character set, speed and continuous effects.

Split text into words that fall under gravity and collide with one another.

Type, pause and delete phrases in sequence, with a blinking cursor and small speed variations for natural typing.

Illuminate text with moving light points, or follow pointer and touch input with glyph-aware brightness and glow.

Reveal headings by character, word or line, with movement, blur, rotation and timing controls.

Move character bands through horizontal shuffling and vertical rolling, with adjustable direction, character pools, steps and loops.

Render three-dimensional text as character art, using letters and symbols to express light and shadow.

Rotate fine lines toward the pointer like magnetic needles to create an interactive texture.

Pull content gently toward a nearby pointer and return it smoothly when the pointer leaves.

Stretch and release a mesh around the pointer to create a soft interactive surface.

Create brief sparks at the click position to provide lightweight particle feedback.

Move electric arcs along and away from a logo outline, intensifying as the pointer approaches.

Animate electric currents around content edges, with adjustable colors and intensity.

Reveal images by moving the pointer through a dithered texture, with adjustable grain, reveal area and edge glow.

A soft glow follows the pointer, using color and brightness to enhance dark interfaces.

Gradually expand content while scrolling, using changes in size and position to pace reading.

Arrange moving images along circular paths to display portfolio work, brand assets and featured content.

Move bright beams along curved paths, with adjustable colors and energy for technology-focused hero sections.

Gradually blur content near a chosen edge to soften scroll containers, navigation and page boundaries.

Reveal content gently through opacity and blur transitions, for paragraphs, cards and page sections.

Drag a sticker corner to curl it up and reveal its back, using shadows and deformation for a natural peeling effect.

Overlay animated grain on a container to enrich solid colors, gradients and image backgrounds.

Arrange cubes in a grid that rises and rotates on interaction to form a dynamic three-dimensional matrix.

Rotate and intersect multiple glowing rings, with adjustable colors and timing to create an abstract energy field.

Cover image outlines with metallic highlights and flowing textures for logos, patterns and branding.

Stir colorful fluid with the pointer, leaving mixed, spreading ink trails that gradually fade.

A highlight sweeps across content on hover to give cards and buttons a glossy surface.

Fit corner markers around interactive elements as the pointer approaches to show the active target.

Content enters the viewport with movement, scale and opacity transitions, for sections and cards.

Loop brand logos seamlessly horizontally or vertically, for partners, customers and technology stacks.

Gather small particles around the pointer and let them follow it in organic motion.

Move glowing balls together and apart to create merging liquid contours.

Change geometric outlines inside blurred glows on interaction to create a soft spatial visual.

Intersect thin horizontal and vertical lines at the pointer to show position and hover feedback.

Spread ripples across an image surface, using local refraction to create a water-like interaction.

Reveal and fade images along the pointer path to explore artwork and visual assets.

Reveal images through changing halftone dot density for retro posters and image transitions.

Weave fine strands through space, using soft light and continuous curves to create a fibrous background.

Leave fading pixel trails behind the pointer to show its movement with blocks of color and afterglow.

Change images by rearranging and replacing pixel blocks for a retro interaction.

Cover and reveal content with timed pixel blocks to transition images, cards and two-sided information.

Loop small points of light around the edges of buttons, labels and containers.

Particles gather and orbit in a gravity field, changing their paths around the pointer.

Soft liquid shapes stretch and merge as they follow the pointer.

Soft light trails follow the pointer with a delay to express motion and speed.

Transform a quiet geometric grid with localized changes around the pointer.

Extend colorful ribbons smoothly along the pointer path to express movement, speed and direction.

Organize multiple steps into a continuous process with indicators and transitions that show the current position.

Arrange content of different heights into compact columns with entrance animations for images and portfolio work.

Cards unfold one after another with spring motion, for photos, team profiles and featured content.

List items appear progressively while scrolling, with selection feedback for notifications, options and directories.

Move and rotate posters along spatial paths to display an image collection with depth.

Stagger menu panels and items to organize full-screen or sidebar navigation in clear layers.

Pin and stack cards while scrolling for step-by-step introductions, product stories and featured content.

Roll individual digits between values to make changes in counts, prices, and statistics easy to follow.

Arrange images along a curved path for scrolling or dragging through a gallery with depth.

Arrange input text along a curved path with smooth entry and submission feedback.

Arrange options on a curve and use scale, blur and perspective to emphasize the selected value during scrolling or dragging.

Place content nodes on a rotating three-dimensional surface, with dragging to change the view and selected item.

Rotate, zoom and inspect a three-dimensional model on the page, with adjustable lighting and presentation.

Place navigation items in rounded pills with smooth shape transitions for the active item.

Change reflective highlights and gloss with the pointer to emphasize products and featured content.

Move highlights across a button and combine them with press feedback for a metallic finish.

Move a spotlight across a card with the pointer to emphasize features and product highlights.

Combine spotlights, glowing edges and particles in a card grid for features and product highlights.

Keep cards near the pointer colorful while surrounding cards fade to grayscale to focus attention.

Group navigation links into expanding cards, with room for both navigation structure and brand content.

Stacked cards move into the foreground in sequence to display products, reviews or portfolio work.

Shift navigation text and tick marks as the pointer approaches, for structured sidebar navigation.

Reveal a flowing strip of imagery when the pointer enters a menu item.

A glow moves along container edges and responds to the pointer to highlight cards, buttons and panels.

Fluid glass shapes refract the content behind them to emphasize images, navigation and interactive displays.

Connect active navigation items with adhesive particles and spring transitions.

Organize images and text into carousel cards for recommendations, feature introductions and galleries.

Arrange images in loose, drifting layers for mood boards and collections of work.

Navigation items open and close as rounded bubbles, for mobile menus and expressive brand navigation.

Cover a draggable three-dimensional dome with images and rotate it to explore a large gallery.

Tilt a profile card toward the pointer and reveal holographic highlights, for personal pages, teams and identity displays.

Image cards expand and contract around the current selection to organize galleries and featured content.

Tilt a card naturally toward the pointer, with scaling and floating hints to add depth to images.

Stack cards and reveal the next card by dragging or switching, for image browsing and content discovery.

Extend a continuous spiral into depth, using rotation, scale and color to create an endless flow.

Light and fade pixels across a card to add detailed hover and focus feedback.

Distort and dissolve card imagery on interaction to add movement to visual work.

Connect images with melting and distortion effects for portfolios and product carousels.

Translucent icon cards lift and separate into layers on hover, for features and shortcuts.

Magnify icons with spring motion as the pointer approaches, for compact navigation and shortcuts.

Suspend a badge from a lanyard that swings naturally when dragged, for profiles, teams and branding.

Open a folder on interaction to reveal layered cards for files and resources.

Image panels expand on interaction to give the selected work more space, for portfolios and image navigation.

Combine translucency, blur, refraction and highlighted edges in panels for overlays and navigation.

Move cards forward and backward through depth, using scale and layering to emphasize the current item.

Dark textures and soft colored light flow slowly to create a restrained background with depth.

Raise and lower a dot matrix in waves, with optional pointer responses for a spatial geometric background.

Colorful balls collide, compress and respond to the pointer inside a playful interactive container.

Extend intersecting beams from the sides of the page to frame central content with changing light and color.

Long light trails fall and cross like rain, using brightness and speed to build layers.

A metallic fluid gathers and stretches continuously, with pointer-driven changes to its flow.

Simulate a CRT display with screen curvature, scan textures and color offsets for retro interfaces.

Layer scan lines, character textures and signal distortion into an adjustable retro terminal background.

Extend roads and light trails into the distance to simulate high-speed travel through a tunnel.

Rotate and refract a three-dimensional prism through colored light, with adjustable hues and motion.

Burst colored beams outward from the center, using refracted layers and motion for a vivid background.

Move a bright scanning band through a dark space, with adjustable light colors and timing.

Flow fine light strands along waves and respond to pointer disturbances to create a layered background.

Arrange repeated light rings in depth to form a glowing tunnel with continuous perspective motion.

Shift iridescent colors across curved light and shadow, with adjustable hues and motion.

Move repeating geometric cells across a grid, with adjustable shapes, direction and rhythm.

Flow groups of fine lines as waves and create local movement around the pointer.

A regular dot grid responds to the pointer through displacement and brightness changes.

Weave colored light strands into fan-shaped or mirrored networks, with adjustable density, brightness and pointer responses.

Slowly blend grainy gradients with adjustable colors, speed and distortion for creative landing pages.

Process flowing gradients into grainy dithered patterns with a retro pixel texture.

Move particles slowly through multiple spatial layers, with optional pointer responses for a light technology background.

Sweep a scanning beam over concentric scales and target points for monitoring, location and science-fiction displays.

Stars and particles flow around a center, with adjustable density and colors for space-themed backgrounds.

Divide flowing gradients into blind-like bands that create rhythmic light and shadow.

Layer gradient waves into a background with soft motion and color transitions.

Layers of gradient color bend and merge continuously, responding to the pointer as an immersive background.

Slowly change layered contour lines like terrain, with adjustable density and colors for nature and data backgrounds.

Flow a colorful plasma-like field with adjustable hues, speed and scale for abstract backgrounds.

Create a changing spatial field of light points with adjustable distribution and motion.

Parallel beams rise and flow through three-dimensional space, with adjustable light colors and speed.

Flow soft light over silk-like curves, with adjustable colors and waves for a fine-textured background.

Soft aurora-like color bands flow slowly, with adjustable colors and waves for a light-filled hero section.

Shift bright light pillars through a misty space to create a focused visual center.

Animate a glowing sphere with colors and ripples, with optional hover responses for focal points and interaction entry points.

Groups of glowing curves float and intertwine, with adjustable colors and curvature.

Blend multiple colors into a soft fluid mist that moves around the pointer.

Layered squares bend and flow through light and shadow, with adjustable colors, density and movement.

Twist bright color bands along waves, using light and layers to create an abstract energy field.

Move image rows slowly in different directions, with pointer feedback for a rhythmic visual background.

Split waves into layered slices and offset their movement to create a structured abstract space.

Flow highlights and surface textures across metal to create a warm, abstract material background.

Slowly unfold misty color bands to create a quiet background with low-contrast lighting.

Scatter rays from a chosen position and respond to the pointer and time, for headings and stage-like lighting.

Send irregular branches of lightning across a background, with adjustable colors and intensity.

Divide an image into a deformable grid that stretches and springs back around the pointer.

Animate intersecting fine lines as continuous waves to form a geometric background.

Animate a pixel matrix through waves and interaction to create a retro background.

Layer falling pixel snow with adjustable size, density and speed for a light seasonal effect.

Pixelated color bands twist around the center to form a vivid, grainy, retro vortex.

A glowing iris and flame-like textures form an eye that follows the pointer.

Flow a highly reflective surface like liquid metal, with pointer-driven changes to light and shape.

Fine layers of glowing fibers twist through darkness, with adjustable colors and waves.

Glowing particles circle a central core on multiple paths, for science, technology and space backgrounds.

Continuously change and flash a character matrix to create a terminal-like background with adjustable colors and timing.

Raise nearby ticks into a wave while dragging a value to express its position and movement.

Swipe a list row horizontally to reveal extra actions for messages, tasks and mobile content.

Animate radio selection with soft deformation and spring motion to make the state change clear.

Stretch, slide and spring a selected background between options to provide continuous segmented-control feedback.

Animate checkbox changes with spring scaling and drawn strokes to make confirmation clear.

Cycle a dot matrix through loading, success and error states, with optional elapsed time.

Combine text input, model selection and sending status in a compact panel for chat and generative tools.

An input field dodges the pointer to add an unexpected interaction to forms and demonstrations.

Actions branch out around a primary button to organize a compact set of shortcuts.

Lift rating icons and show hints on hover, then display the selected score clearly after a click.

Drag a slider to the end to confirm an action, with track progress and completion feedback.

Connect option changes with a sliding transition that clearly shows the selected position.

Adjust a value by dragging a circular dial, with a comet-like light trail providing feedback.

Reveal an image from rough to clear inside a guiding frame to visualize refinement and progressive disclosure.

Reveal lightweight notification messages with animation and swipe-to-dismiss support.

Transition between processing, success and error states with rotation, progress and icons for tasks and feedback.

Compress and release a toggle thumb with a soft deformation when switching states.

Reveal a tooltip softly after a short delay and maintain responsive timing between neighboring targets.

Create folds and shadows as paper is dragged and deformed to simulate a tactile paper surface.

Flip a card between two sides in three dimensions to pair an overview with details or a question with an answer.

Show processing through breathing light, flowing highlights and elapsed time, then settle smoothly on completion.

Drag a ticket along its perforation to separate it, using paper deformation and spring motion.

Drag content into a slot to cut it into falling strips and provide a paper-like removal effect.

Combine call status and controls in a capsule, using size and icon changes to show the current state.

Toggle notification status with a click, using a swinging bell and small animations to confirm the action.

Adjust numbers by dragging horizontally, with direct entry and fine steps for editor panels.

Respond to likes and favorites with a pulsing, scaling heart.

Stretch a button by dragging, then release it to spring back or trigger an action.

Lift and float paper cards in sequence as a folder opens, for resource navigation and file previews.

Start an undoable countdown after an action, with edge progress showing the wait before submission.

Enter verification codes in separate slots, with cursor, masking and validation feedback.

Map a value to liquid height in a container, with sloshing feedback for progress and capacity displays.

Combine recording, waveforms and state feedback in a capsule for voice input and audio controls.

Complete an action by holding a button, with progress and spring feedback to reduce accidental activation.