Interactive Tools: Configure and Export Code

LibraryToolsTexturesShadersMockupsIcons3D ModelsSounds More+8

Sort by

283 results

Filters

Browse

Library Tools Textures Shaders Mockups Icons 3D Models Sounds

Plasma Orb

A glass sphere full of living plasma, ray traced in WebGL 2: electric filaments swirl around a bright core and the whole orb brightens when the pointer comes near.

HorizonX · UI/UX

Spiral Flux

Photos ride a turning spiral; at its edges they flare, streak and pick up a colour rim.

HorizonX · Carousel

Cobalt Sphere

A cobalt satin sphere with sculptural folds, soft studio light and slow organic motion.

HorizonX · 3D & Perspective

Tunnel Fold Slider

A WebGL slider seen from inside a tunnel: cards grow and turn toward the lens, then smear into streaks with a spectral fringe as they leave the frame.

HorizonX · Carousel

Assistant Pill

A voice and chat assistant bar that fills the screen: a live plasma orb you tap to talk, example prompts that drift through the empty field, and answers that stream in above it.

HorizonX · UI/UX

HorizonX Glow

The HorizonX mark as lit glass on black: light sweeps from petal to petal with hard highlights, a coloured rim and a soft bloom.

HorizonX · UI/UX

Chromatic Orb

A liquid glass orb in WebGL 2: its rippled skin splits light into thin rainbow lines, with soft reflections moving inside, in a slow motion that never visibly repeats.

HorizonX · UI/UX

Pulse Orbit

An editorial artwork orbit that pauses, advances one card and settles with a soft bounce.

HorizonX · Carousel

Sleek Effort Slider

A monochrome effort slider that gathers colour with every stop and, at the top, wraps the card in a soft living light.

HorizonX · UI/UX

Comet Glass

A field of frosted glass tiles lit by a blue comet that follows the pointer and leaves a violet trail behind it.

HorizonX · Pointer Physics

Axle Bloom

A WebGL photo wheel: portrait cards hinged on one glowing axle turn like a rolodex, easing into each card and smearing with a colour fringe as they spin.

HorizonX · Carousel

Reel Flux

An endless photo ribbon that bends into a flowing wave as you drag or scroll, then settles flat.

HorizonX · Carousel

Prism Orb

An iridescent glass orb in WebGL 2: soft bands of cyan, violet, magenta and amber turn inside a glassy rim with a notch that travels around its edge, in a seamless 3.6 second loop.

HorizonX · UI/UX

Crystal Cube

A beveled crystal cube with spectral refraction, studio reflections and sharp interactive rotation.

HorizonX · 3D & Perspective

Glow Grid

A dark tile grid lit from behind, with light escaping through the seams and a floating logo block that tilts toward the pointer.

HorizonX · 3D & Perspective

Glass Effort Slider

A frosted-glass effort slider whose knob turns into a lens that squashes with speed, blooming into iridescent bubbles at the top.

HorizonX · UI/UX

Precision Effort Slider

An instrument-panel effort slider with a graduated ruler, a live readout and a reticle knob that implodes into a shockwave at the top.

HorizonX · UI/UX

Fold Carousel

A looping card carousel in WebGL: the centre card lies flat while its neighbours fold away like doors and curl back toward the lens, smeared into streaks with a spectral edge fringe.

HorizonX · Carousel

Particle Galaxy

A slow, swirling galaxy of white and blue particles with adjustable turbulence and a fixed frame.

HorizonX · UI/UX

Premium

Glass Exit Carousel

A diagonal card carousel in WebGL: cards step along a slanted conveyor and smear into a glass flare, with a spectral split and haze, as they leave the frame and enter it again.

HorizonX · Carousel

Lumen Rise

A vertical card carousel in WebGL: each card rises out of a pool of coloured light, its lower half curling toward the viewer and dissolving into the glow, which swells to push the next card out.

HorizonX · Carousel

Blue Wave Cube

A blue voxel sculpture with continuous scale waves, physical studio lighting and interactive orbit controls.

HorizonX · 3D & Perspective

Amber Sphere

A granular amber sphere illuminated by a slowly traveling light and a soft curved wake.

HorizonX · UI/UX

Orbit Deck

A three-card 3D carousel: the side cards lean back in perspective, the message card turns a warm gradient, and every step, drag or dot click brings the next card to the centre.

HorizonX · Carousel

Pixel Card

A quiet card that comes alive with a shimmering field of pixels.

HorizonX · UI/UX

Gravity Well

A glowing wireframe of space bent into a funnel: rings stream into a bright throat, the pointer bends the fabric like a small mass, and a click sends a ripple outward.

HorizonX · 3D & Perspective

Glass Keys

A wall of frosted glass keys lit from behind in WebGL: the light follows the pointer, a press sinks the key, and the release sends a wave of light through the glass while the pane rings.

HorizonX · UI/UX

Cinematic Black Hole

A cinematic black hole with flowing amber, cyan and violet gas, a lensed upper arch and a dark central opening.

HorizonX · UI/UX

Glass Ball

A sphere of glass shards held together by nothing but attraction, that scatters under the cursor.

HorizonX · 3D & Perspective

Scattered Points

An image-driven point cloud scattered by circle-of-confusion depth of field.

HorizonX · 3D & Perspective

Generating Orb

A rotating shadow orb whose light sweeps behind a staggered word.

HorizonX · UI/UX

Follow Halo Drift Button

A glowing pill button whose border light glides to the cursor and waits there, over soft ASCII waves.

HorizonX · UI/UX

Border Glow

A card with a lamp on its outline: the light slides to the point nearest the pointer and takes the colour of the edge it lands on.

HorizonX · UI/UX

Glyph Sphere

A globe of flickering glyphs with continuous rotation and a clockwise reveal entrance.

HorizonX · 3D & Perspective

Breathing Orb

A face-on ring pulsing with a slow radial ripple.

HorizonX · UI/UX

Reactive Globe

A silver capsule globe that bends around four glass orbiters.

HorizonX · 3D & Perspective

Entrance Bloom

A compact image stack blooms from the centre and unwinds into a slow orbital composition.

HorizonX · Loading

Particle Sphere

Ten thousand points on a spinning sphere the cursor pushes out of shape.

HorizonX · Pointer Physics

Searching Orb

A dotted globe swept by a rotating scan band.

HorizonX · UI/UX

Pixel Scan

A band of pixel blocks sweeps across the words and scatters their colour channels on the way through, so the copy resolves in passes instead of fading up.

HorizonX · Loading

Listening Orb

Latitude rings breathing in and out on two detuned sine waves.

HorizonX · UI/UX

Parallax Totem

Columns of images that drift at different depths as the pointer moves. Configure it live and export the HTML.

HorizonX · 3D & Perspective

Gallery Depth

A dimensional image field that resolves from deep perspective as the viewer scrolls.

HorizonX · Scroll

Weaving Orb

Three helical strands braiding around a ghosted sphere.

HorizonX · UI/UX

Shaping Orb

A dotted outline morphing between circle, triangle and square.

HorizonX · UI/UX

Gallery Fan

A scroll-driven gallery that fans portrait cards and copy cards out of a centered stack.

HorizonX · Scroll

Entrance Orbit

An image deck that flies in, flips face-up and settles into a continuously rotating orbit.

HorizonX · Loading

Pixel Effort Slider

An 8-bit effort slider with stepped blocks, a sprite knob and typed labels that throws a LEVEL UP burst at the top.

HorizonX · UI/UX

Overdrive Effort Slider

A neon cyberpunk effort slider with a chromatic trail, glitching labels and electric arcs with a warning banner at the top.

HorizonX · UI/UX

Pulse Dots

Pulse Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Grid Bloom

A 3D grid that blooms tiles outward as the viewport scrolls.

HorizonX · 3D & Perspective

Opal Loop

A rounded opalescent glass sphere with sculpted spiral bands and shifting iridescent reflections.

HorizonX · 3D & Perspective

Fluid Cursor

A WebGL fluid simulation that paints the stage from pointer motion.

HorizonX · Pointer Physics

Orbit Cards

A carousel of cards orbiting a shared centre with drag and autoplay.

HorizonX · Carousel

Scroll Stack

A stack of cards that unstacks and pins as the viewport scrolls.

HorizonX · Carousel

Skewed Carousel

A horizontal carousel that skews its slides with scroll velocity.

HorizonX · Carousel

Trail Persistance

An image trail that holds each tile on stage before releasing it.

HorizonX · Pointer Physics

Trail Tile Apart

An image trail that splits every tile into panels as it leaves.

HorizonX · Pointer Physics

Trail Velocity

An image trail whose tiles scale and skew with pointer velocity.

HorizonX · Pointer Physics

Dotted Globe

A spinnable Earth drawn as a field of dots, with coastlines, a graticule and pinned markers.

HorizonX · 3D & Perspective

Trail Exiting

A pointer trail like Classic, but every card exits upward on a random drift.

HorizonX · Pointer Physics

Grid Dive

A 3D grid that dives into depth and returns on a scroll-driven loop.

HorizonX · 3D & Perspective

Motion Ticker

A continuous vertical marquee: the whole column travels as one rigid body at a constant speed, wrapping off-screen so the run never seams.

HorizonX · Carousel

Motion Relay

A measured horizontal card relay with full-deck transitions, precise holds and a seamless wrap.

HorizonX · Carousel

Pixel Drift

A word assembled out of flying pixels that the cursor carves a void through.

HorizonX · Pointer Physics

Gallery Rise

A scroll-scrubbed gallery whose images rise from below into an editorial field.

HorizonX · Scroll

Gallery Zoom

A scroll-scrubbed gallery grid whose tiles scale and skew through a 3D zoom runway.

HorizonX · Scroll

Motion Focus

A stepped editorial carousel that enlarges the active image while the deck advances one spatial role at a time.

HorizonX · Carousel

Grid Tunnel

A 3D grid runway that tunnels through perspective as the page scrolls.

HorizonX · 3D & Perspective

Grid Sweep

A 3D grid that sweeps its cells across the viewport through a scroll runway.

HorizonX · 3D & Perspective

Trail Flow Follow

An image trail that follows the pointer with soft physics and leaves drifting copies of its last frames.

HorizonX · Pointer Physics

Entrance Sweep

Images charge in from opposite edges before closing into a mirrored rotating ring.

HorizonX · Loading

Motion Cadence

A vertical card cadence that steps one frame at a time, holding each image at centre before the next takes its place.

HorizonX · Carousel

Motion Tempo

A horizontal card tempo with a single card in frame, each stepping aside on a fixed beat as the next arrives.

HorizonX · Carousel

Gallery Orbit

A scroll-scrubbed gallery whose tiles travel through orbital depth into a clean image grid.

HorizonX · Scroll

Comparison Slider

A draggable before and after comparison slider with inertia and autoplay.

HorizonX · Pointer Physics

Liquid Distortion

An image that ripples under the cursor like the surface of still water.

HorizonX · Effect

Motion Column

A looping card column where background, data and type travel at three different speeds and a phrase pins in frame while its card keeps moving.

HorizonX · Carousel

Gallery Reveal

A scroll-scrubbed gallery whose images and copy cards surface progressively as the page reveals them.

HorizonX · Scroll

Motion Poster

A continuous horizontal poster marquee with precise spacing, edge fades and flat-speed motion.

HorizonX · Carousel

Trail Spintrail

A pointer trail that spins each image through an unwind angle as it follows the cursor.

HorizonX · Pointer Physics

Mirror Globe

A globe over a wet mirror floor, with hover ripples that warp its reflection.

HorizonX · 3D & Perspective

Trail Innerscape

A pointer trail whose frame pops from nothing while each card resolves into focus.

HorizonX · Pointer Physics

Motion Row

A rigid stepped marquee: every card travels exactly one pitch sideways per cycle, offset slot by slot so the row shears as it steps.

HorizonX · Carousel

Grid Deck

A 3D grid of cards dealt as a rotating deck that dives through perspective.

HorizonX · Scroll

Gallery Stack

A scroll-driven gallery that stacks its images into a layered deck and fans them apart as you scroll.

HorizonX · Scroll

Gallery Shuffle

A shuffled card field that rises and rotates into an editorial gallery on scroll.

HorizonX · Scroll

Trail Perspective

A pointer-driven image trail that deals cards through Z-depth, tilt and brightness.

HorizonX · 3D & Perspective

Grid Split

A 3D grid that splits into columns and tilts through perspective as it scrubs.

HorizonX · Scroll

Trail Classic

The baseline pointer trail: cards are dealt as the cursor travels and fade out under themselves.

HorizonX · Pointer Physics

Gallery Tunnel

A corridor of images and colour tiles that travels toward you forever. Configure it live and export the HTML.

HorizonX · 3D & Perspective

Motion Dolly

A vertical card dolly where the deck steps up one slot at a time while the camera pushes in, so each image grows as it rises into frame.

HorizonX · Carousel

Motion Stack

A stepped vertical carousel where each artwork settles at center before the next measured transition.

HorizonX · Carousel

Scroll Drift

A column that scrolls itself and tumbles its cards through 3D as they pass, looping forever without a seam.

HorizonX · 3D & Perspective

Scroll Snap

The same self-scrolling column with a harder hinge: each card flips past the centre and snaps back to face you.

HorizonX · 3D & Perspective

Scroll Flare

A stack read as three cards at once: the previous plate hinges away above, the centre sits flat and lit, the next arrives from below.

HorizonX · 3D & Perspective

Scroll Veil

Cards turn edge-on as they travel and blur with the speed of the column, so the stack reads as depth of field rather than motion.

HorizonX · 3D & Perspective

Scroll Hold

Each card rushes in, holds still at the centre long enough to be read, then falls away into depth.

HorizonX · 3D & Perspective

Motion Fling

The cursor throws shards of artwork along its own vector; they land on the floor and are gone.

HorizonX · Pointer Physics

Motion Trail

The cursor leaves a trail of artwork behind it, each card tilted into the direction of travel.

HorizonX · Pointer Physics

Motion Facet

The cursor shatters the deck into facets, cut by one of six patterns.

HorizonX · Pointer Physics

Volume Tube

The deck wraps around a WebGL cylinder that spins on scroll around a lit core.

HorizonX · 3D & Perspective

Liquid Reveal

The cursor paints a second photograph over the first, and the trail dries out behind it.

HorizonX · Pointer Physics

Hover Curtain

The mask slides in from the left while the image slides in from the right, so the frame reads as a curtain rather than a stretch.

HorizonX · Pointer Physics

Hover Diagonal

The mask and the image cross on both axes at once.

HorizonX · Pointer Physics

Hover Swing

The frame swings up from below its own bottom edge while the image counter-rotates and settles out of a 2x zoom.

HorizonX · Pointer Physics

Hover Bloom

The frame unfolds out of nothing and the image untwists inside it.

HorizonX · Pointer Physics

Hover Placard

A solid panel unfolds first and the image lands on top of it a beat later, so the reveal has something to arrive onto.

HorizonX · Pointer Physics

Hover Wipe

A panel wipes across from the right, wipes back out to the left, and hands the exposed strip over to the image.

HorizonX · Pointer Physics

Hover Snap

A bar snaps across, the frame springs open out of nothing, and the whole card lands on a tilt.

HorizonX · Pointer Physics

Hover Column

A tall panel drops in first and the image rises through it.

HorizonX · Pointer Physics

Hover Pivot

Everything rotates around the same off-card corner, so the panel and the image arrive as one hinged gesture.

HorizonX · Pointer Physics

Hover Burst

A panel blows past the card edge and fades, leaving the image to pop into the space it just vacated.

HorizonX · Pointer Physics

Hover Seam

A hairline seam grows down the middle of the card, snaps shut, and the image slides up through the gap it left.

HorizonX · Pointer Physics

Hover Shutter

Seven ragged slats sweep across at staggered widths and clear out, and the image arrives behind the last one.

HorizonX · Pointer Physics

Hover Deal

Three copies deal up from below the row and the last one stays.

HorizonX · Pointer Physics

Hover Deck

The card cycles through the whole catalogue while the pointer rests, each thumbnail springing in and drifting out.

HorizonX · Pointer Physics

Hover Fan

Five copies sit fanned out and collapse into the one on top.

HorizonX · Pointer Physics

Hover Cascade

Ten copies scattered up and to the left snap together in a fast cascade.

HorizonX · Pointer Physics

Hover Sprawl

Ten copies at mixed scales sprawl off to the right and fold back in.

HorizonX · Pointer Physics

Hover Reel

Ten copies laid out in a long strip to the left reel in and overshoot.

HorizonX · Pointer Physics

Hover Spiral

A deep spiral of thirty-five copies winds down to the card on top.

HorizonX · Pointer Physics

Hover Static

A tinted stack jitters into place while the label glitches through the accent palette.

HorizonX · Pointer Physics

Hover Scatter

Fifteen tinted copies scattered at random sizes converge on the card on top.

HorizonX · Pointer Physics

Hover Squash

The card skids in from the right, squashing on impact before it settles.

HorizonX · Pointer Physics

Hover Swarm

Fifteen small copies swarm out along a drifting axis and snap back together.

HorizonX · Pointer Physics

Pointer Particles

An image dissolved into a field of particles the cursor shoves out of the way.

HorizonX · Pointer Physics

Video Projection

One video projected across a field of cubes. A mask image decides which cells build, and every cube carries its own slice of the footage.

HorizonX · 3D & Perspective

Type Reveal

An image frame that opens inside a line of type as the block crosses the viewport, so the picture reads as a word rather than as a figure beside one.

HorizonX · Scroll

Noise Surge

Click the card and it grows to fill the frame, every vertex pushed around by simplex noise on the way so the picture boils before it settles.

HorizonX · 3D & Perspective

Petal Bloom

Click the card and it lifts into the frame pulled into a petalled ring, every vertex pushed out along its own angle by a sine wave.

HorizonX · 3D & Perspective

3D Letters Menu

Point at the word and it opens. Every letter tips away on its own axis while a picture swings in from behind them, hinged on the same perspective the type sits in.

HorizonX · 3D & Perspective

Channel Zoom

The picture leans toward the pointer and pulls its own colour channels apart as it goes, so the zoom arrives with the fringing a fast lens leaves behind.

HorizonX · 3D & Perspective

Depth Scan

A luminous cross grid scans through an image using its depth map, with subtle pointer-driven parallax.

HorizonX · Effect

Wave Physics

Wave Physics rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Spring Matrix

Spring Matrix rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Haptic Ring

Haptic Ring rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Symmetric Wave

Symmetric Wave rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Origami

Origami rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Dynamic Island

Dynamic Island rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Face ID

Face ID rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Bounce Dots

Bounce Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Liquid Dots

Liquid Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Fade Dots

Fade Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Swapping Dots

Swapping Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Bouncing Dots

Bouncing Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Profile Skeleton Loader

A polished profile-card skeleton with responsive sizing, motion controls and a standalone HTML export.

HorizonX · UI/UX

Pulse Dot

Pulse Dot rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Wave Dots

Wave Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Grid Dots

Grid Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Pulsating Dots

Pulsating Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Triple Dot

Triple Dot rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Ripple Effect

Ripple Effect rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Breathing Glow

Breathing Glow rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Apple Breathe

Apple Breathe rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Apple Pulse

Apple Pulse rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Smooth Shift

Smooth Shift rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Fluid Orbit

Fluid Orbit rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Magnetic Dots

Magnetic Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Drop Dot

Drop Dot rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Morph Ring

Morph Ring rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Scale Pulse

Scale Pulse rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Trailing Dots

Trailing Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Classic Spinner

Classic Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Ring Sweep

Ring Sweep rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Concentric Ring

Concentric Ring rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Dots Ring

Dots Ring rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Twin Orbit

Twin Orbit rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Comet Spinner

Comet Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Swirling Spinner

Swirling Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Radar Sweep

Radar Sweep rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Orbiting Dot

Orbiting Dot rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Orbiting Circles

Orbiting Circles rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Intersecting Rings

Intersecting Rings rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Clock Spinner

Clock Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Gears

Gears rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Cross Spinner

Cross Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Line Spinner

Line Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Square Spinner

Square Spinner rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Dual Arc

Dual Arc rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Bobbing Dots

Bobbing Dots rebuilt in framework-independent HTML, CSS, SVG and Vanilla JavaScript.

HorizonX · UI/UX

Working Orb

Particles tracing tilted orbital rings around a ghosted sphere.

HorizonX · UI/UX

Solving Orb

A point-cloud sphere permuted by successive quarter-turn slice rotations.

HorizonX · UI/UX

Connecting Orb

A drifting node graph with proximity links and travelling signals.

HorizonX · UI/UX

Composing Orb

A rippling multi-lane ribbon wrapped over a sphere.

HorizonX · UI/UX

Theme Switch

A frosted-glass theme switch with a warm orange lamp and sculpted grip.

HorizonX · UI/UX

Save Slide Button

A save button whose label steps aside so the icon can take its place.

HorizonX · UI/UX

Word Carousel Loader

A loading message whose last word cycles through a list you write.

HorizonX · UI/UX

Beacon Tabs

Numbered tabs where the selected tile drops its own fill in from above and lights a beacon underneath.

HorizonX · UI/UX

Diagonal Fill Checkbox

A compact rounded checkbox that fills diagonally with one crisp, fluid sweep.

HorizonX · UI/UX

Prism Checkbox

A checkbox on the HorizonX palette: a spinning prism ring, an ambient bloom and a six-point particle burst.

HorizonX · UI/UX

Cross Morph Checkbox

A CSS-only checkbox whose crossed strokes rotate and squash into a checkmark, set in a HorizonX glass card.

HorizonX · UI/UX

AI Chat Input

A polished prompt field with camera, image, file and animated voice actions.

HorizonX · UI/UX

Firework Todo Checkbox

A minimal task checkbox that draws its check, strikes its label and finishes with a six-point burst.

HorizonX · UI/UX

Singularity Orb

A dark orb ringed with light, circled by crescents on a tilted accretion disc.

HorizonX · UI/UX

Expanding Search

A translucent search pill that widens under the cursor and again on focus.

HorizonX · UI/UX

Luminous Card

A dark card whose slit turns into a light source when the cursor arrives.

HorizonX · UI/UX

Neon Glass Card

A frosted card lit from behind by a travelling neon source, with editable copy, glyph and palette.

HorizonX · UI/UX

Spectrum Glow Button

A dark call-to-action with an animated spectrum border.

HorizonX · UI/UX

Rise Tooltip

A compact HorizonX CTA with a centred tooltip that rises into place.

HorizonX · UI/UX

Signal Tooltip

A three-tone tooltip cluster with clear semantic accents and an elastic, accessible reveal.

HorizonX · UI/UX

Halo Button

The design system primary call to action, with a gradient ring turning behind it.

HorizonX · UI/UX

Bounce Tooltip

A compact text trigger that brings a playful tooltip into view with a restrained bounce.

HorizonX · UI/UX

Tide Orb

A light glass sphere with two soft tides turning inside it.

HorizonX · UI/UX

Join Button

A neutral kinetic call to action with dimensional depth, an orbiting highlight and a joining-state transition.

HorizonX · UI/UX

Generate Button

A glossy dark action button that blooms blue and changes from Generate to Generating on focus.

HorizonX · UI/UX

Neumorphic LED Switch

A soft mechanical toggle with a travelling thumb and an illuminated status LED.

HorizonX · UI/UX

Signal Buttons

A primary and a secondary call to action, paired: two WebGL2 buttons cast in the same liquid metal, a disc and a labelled pill.

HorizonX · UI/UX

Glass Radio

A frosted glass segmented selector whose glider overshoots as it lands on the chosen tier.

HorizonX · UI/UX

Neon Edge Button

A dark button lit from outside by four neon strips, read through a dot matrix.

HorizonX · UI/UX

3D Switch

A physical CSS toggle with metallic states, layered depth and inverse perspective.

HorizonX · UI/UX

Task Checkbox

A checkbox that fills with its accent, pops its tick and strikes its label through.

HorizonX · UI/UX

Wallet Balance Card

A three-card digital wallet that fans open on hover and reveals the hidden balance.

HorizonX · UI/UX

Scroll Expand

A clipped media frame that opens to full bleed as the page scrolls past it.

HorizonX · Scroll

Text Loop

A phrase riding a curve forever, on a ribbon you can shape, colour and slow down.

HorizonX · UI/UX

Falling Text

Interactive typography that falls, bounces and responds to your pointer.

HorizonX · UI/UX

Flowing Menu

A vertical menu whose rows open from the edge your pointer arrived at, revealing a scrolling ribbon of the label.

HorizonX · UI/UX

Option Wheel

A column of options wrapped onto a 3D drum that you scroll, drag or type through, blurring away with depth from whichever one you land on.

HorizonX · UI/UX

Interactive Hover Button

A quiet pill hiding a dot near its left edge; on hover the dot blooms into the whole face while the label slides out and a second label rides back in with an arrow.

HorizonX · UI/UX

Appear Text

A staggered wall of one repeated word that splays open, is wiped away in a sweep until a single word survives in the middle, holds, and is written back in.

HorizonX · Effect

AI Prompt Composer

A prompt pill that springs open into a full composer: growing field, morphing model and effort pills, an attachment tray and one button that becomes send, record or stop.

HorizonX · UI/UX

Stagger Testimonials

A row of quote cards zig-zagging off a raised centre; click any card and the whole row rotates, with the card that wraps around the end jumping rather than sliding through its neighbours.

HorizonX · UI/UX

Testimonial Switcher

A quote that crossfades between authors over a rail of generated avatars, each one widening into a name pill, with an autoplay ring that fills around the active face.

HorizonX · UI/UX

Particle Winding

One strand of dots wound around a sphere, the number of turns breathing from a few to many while the dots keep sliding along the strand.

HorizonX · UI/UX

Accordion Gallery

An image row where the panel under the cursor opens to a set share of the width and its neighbours tilt away.

HorizonX · UI/UX

Particle Pulse

A shell of particles that breathes in and out, spins under the pointer and coasts to a stop.

HorizonX · UI/UX

Particle Wobble

A membrane of particles that folds and heaves like a soap bubble, spins under the pointer and coasts to a stop.

HorizonX · UI/UX

Relief Button

A neumorphic control extruded from the page, pressed back into it on click.

HorizonX · UI/UX

Jelly Button

A glossy CTA pill that squashes and stretches like jelly when you hover it.

HorizonX · UI/UX

Elastic Mesh

A spring-loaded surface that bends around your pointer and settles into place.

HorizonX · Effect

Cursor Grid

A responsive lattice that lights beneath your pointer and ripples out on click.

HorizonX · Pointer Physics

Stepper

One step closer. A smooth, editable walkthrough for your next great idea.

HorizonX · UI/UX

Magnet

A button that leans toward the cursor before it is reached, and eases back when it is not.

HorizonX · UI/UX

Wave Arcs

A hero background of arcs sweeping through a bright horizontal seam, pinching into two focal points and leaning with the pointer.

HorizonX · Effect

Rotating Gallery

An endless column of image cards that turn as they travel, driven by the scroll rather than by a clock.

HorizonX · Carousel

Planetrise

A star breaking over the limb of a planet: a blown-out core on the horizon, a violet dome of haze above it, and a lit hairline running away to either side.

HorizonX · Effect

Text Ring

A phrase set around a circle and repeated until the lap closes exactly, turning slowly and answering the pointer by winding up, stopping or shrinking.

HorizonX · Effect

Sheet Stack

A slider of three stacked documentation sheets in HorizonX colours: the front sheet slides away, the stack rises to take its place, and autoplay, a drag, a tap or one of three dots turns it.

HorizonX · Carousel

Ember Wallet

A sculpted wallet with iridescent cards, a stitched ember-lit pocket and spring-like interaction.

HorizonX · UI/UX

Particle Portrait

An intact photographic portrait with floating silver particles, perspective depth and pointer dispersion.

HorizonX · Pointer Physics

Unwoven

An infinite image loom: pictures weave together in the centre and unravel into fluttering ribbons at both edges.

HorizonX · Carousel

Gallery Sweep

A scroll-driven gallery that sweeps cards across the stage in depth.

HorizonX · Scroll

Twist Band

A ring of picture cards that spins like a ribbon: the band waves up and down, banks into each crest and curves every card around the cylinder.

HorizonX · Carousel

Vortex Gallery

Two rings of rounded square pictures turn in opposite directions on tilted planes, a depth of field softens the nearest and farthest ones, and a lens at the frame edges smears each one into a streak of colour.

HorizonX · 3D & Perspective

Glass Arc Carousel

A square photo showcase whose words ride an arc of glass pills flush against one edge of the frame; the active word turns white and the photo changes with it.

HorizonX · Carousel

Paper Carousel

A looping WebGL carousel where the centre card lies flat and its neighbours crumple into paper balls, showing the white back of the sheet, and smooth out again as they reach the middle.

HorizonX · Carousel

Scattered Stack

Twelve paper sheets float scattered and soft around a headline, gather into one tilted pile in front of it, ride a slow swell there and release again, in a loop.

HorizonX · 3D & Perspective

Glass Edge Slider

A vertical picture slider that steps up one card at a time, seen through a curved glass rim that folds and widens each card as it leaves or enters the stage.

HorizonX · Carousel

Liquid Pagination

A numbered pagination whose current page is a drop of ink: it stretches to the page you pick, thins as it travels and lands with a liquid tail.

HorizonX · UI/UX

Spring Tag Input

A tag field where every change moves on a spring: tags grow out of the caret, suggestions fly into the field and removed tags burst into droplets.

HorizonX · UI/UX

Morph Breadcrumb

A breadcrumb bar that reshapes instead of re-rendering: long trails fold into a more button that unfolds level by level, and a highlight glides between crumbs.

HorizonX · UI/UX

Morph Dialog

Editorial cards that open into their own dialog: the photo leaves the card and springs into place while the dialog grows out of the card shape.

HorizonX · UI/UX

Ember Eclipse

A burning eclipse drawn live in WebGL: flame tongues ring a flat dark disc, and the fire leans toward the pointer and ripples where it moves.

HorizonX · UI/UX

Stacked Cards Spread

Polaroid-style cards rest in one stack and slide out side by side into a single row under the pointer, the card beneath it lifting.

HorizonX · 3D & Perspective

Ember Sun

A burning sun drawn live in WebGL: flame tongues ring a ball of cracked, glowing crust, and the plates under the pointer break loose and float over a cold core.

HorizonX · UI/UX

Works Wheel

A HorizonX library on a vertical wheel you turn with scroll or drag: the front piece lies flat while the ones above and below fold away like doors and smear into streaks with a thin colour fringe.

HorizonX · Carousel

Shatter Halo Drift Button

A glowing pill button whose label shatters into ASCII on hover and reassembles as ASCII art of itself.

HorizonX · UI/UX

Sparks Halo Drift Button

A glowing pill button whose travelling border light sheds sparks that fall with gravity on hover.

HorizonX · UI/UX

Shockwave Halo Drift Button

A glowing pill button that detonates a shockwave through an ASCII field when the cursor enters.

HorizonX · UI/UX

Gravity Halo Drift Button

A glowing pill button that drops ASCII glyphs onto itself, rolls them off its caps and piles them on the floor.

HorizonX · UI/UX

Decode Halo Drift Button

A glowing pill button whose letters hop, scramble through ASCII in the air and land resolved.

HorizonX · UI/UX

Ripple Halo Drift Button

A glowing pill button filled with a pool of ASCII that splashes, ripples and wakes behind the cursor.

HorizonX · UI/UX

Calm Halo Drift Button

A glowing pill button with slow, soft ASCII waves inside it that fade in and out with the hover.

HorizonX · UI/UX

Crystal Orb

A frosted glass orb in WebGL 2 with soft rose pink silk turning slowly inside it, floating on a gentle tilt and bob in a seamless 5 second loop.

HorizonX · UI/UX

Spike Orb

A dark metal orb covered in 14,000 rounded spikes in three.js, its lobes flowing and morphing in a seamless 2 second loop under a dark studio light.

HorizonX · UI/UX

Orbit Nav

A hamburger menu that opens a night sky out of the toggle, with a low sun in the corner and every link on its own drifting orbit.

HorizonX · UI/UX

Curtain Menu

A hamburger menu that drops a dark curtain over the page with a curved edge, then raises its links out of masked lines beside a tilted preview card.

HorizonX · UI/UX

Ribbed Glass Glow

Soft teal, periwinkle and pink rings follow the pointer behind diagonal ribbed glass on a dark gradient.

HorizonX · Pointer Physics

Cinema Ticket

A full cinema ticket whose stub tears off along the dotted line by drag or Enter, and whose printed face peels from the bottom-left corner to reveal the film trailer playing inside the ticket.

HorizonX · UI/UX

Liquid Lens Logo

A two-shot logo reveal in WebGL 2: a liquid glass lens swells over your symbol, then rolls across your wordmark, splitting light into colour at its rim.

HorizonX · Effect

Liquid Lens ASCII

A two-shot logo reveal drawn in ASCII type: a liquid lens swells over your symbol and rolls across your wordmark, bending the characters, until the type decodes into the clean logo.

HorizonX · Effect

Glyph Trail

A black grid of tiny glyphs that lights up in organic patches of yellow, magenta, cyan, green and violet wherever the pointer passes, then fades to a faint afterglow.

HorizonX · Pointer Physics

Interior Glitch Gallery

A looping track of rounded photo cards on a gentle concave curve; hovering a card stops the drift and plays a TV signal failure over the picture while a wave runs through its edges.

HorizonX · Carousel

Tumble Ring

A ring of curved photo cards that turns slowly on its own; drag spins it sideways and tumbles it end over end, and a fling eases back into the idle turn.

HorizonX · Carousel

Immersive Motion

A serif title on a solid black stage while square pieces fly out of the distance, sharpen and leave past the lens, each lap on a new path round the words, in an endless loop.

HorizonX · 3D & Perspective

Prism Edge Slider

A vertical picture slider seen through a curved glass rim, where each card smears, splits into a spectral fringe and leaves a pale haze as it exits the stage.

HorizonX · Carousel

Gradient Jellyfish

A 3D jellyfish swimming in place, painted by a gradient that follows how each inflated lobe faces the camera, with bands that slide as the bell folds open and shut.

HorizonX · 3D & Perspective

New

Face Warp

An invented cartoon head you can grab and pull out of shape with the pointer, made of springy skin that resists, slips free and wobbles back.

HorizonX · Effect

New

HorizonX Loader

The HorizonX loading animation: four shapes alternate between a diagonal ring and the HALO figure, then resolve into the logo and its name.

HorizonX · UI/UX

New

Water Symbol

The four-leaf HorizonX symbol made of clear water, with falling drops, ripples and caustics. Edit it live.

HorizonX · Effect

New

Inflatable Logo

A logo turned into a puffy stitched cushion in real-time 3D, with a glossy vinyl coat, a welded seam and wrinkles that run in from the edge. Edit it live.

HorizonX · Effect

New

Plush Fur

A photoreal plush mark that floats in WebGL and parts its fur under your hand, like stroking a soft toy.

HorizonX · Effect

New

Glow Box

A rounded glass box filled with slowly cycling light on black, with a second tone drifting through it, an edge glow and a soft HDR halo.

HorizonX · UI/UX

New

Membership

The whole catalogue,
one subscription.

Templates, components, assets All 283

Downloads 10 / day

Premium items 5 / month

from $24.99/month

Get Starter

5.0 on Gumroad · 14 ratings

Membership

The whole catalogue,
one subscription.

Templates, components, assets All 283

Downloads 10 / day

Premium items 5 / month

from $24.99/month

Get Starter

5.0 on Gumroad · 14 ratings

Membership

The whole catalogue,
one subscription.

Templates, components, assets All 283

Downloads 10 / day

Premium items 5 / month

from $24.99/month

Get Starter

5.0 on Gumroad · 14 ratings

Membership

The whole catalogue,
one subscription.

Templates, components, assets All 283

Downloads 10 / day

Premium items 5 / month

from $24.99/month

Get Starter

5.0 on Gumroad · 14 ratings

Membership

The whole catalogue,
one subscription.

Templates, components, assets All 283

Downloads 10 / day

Premium items 5 / month

from $24.99/month

Get Starter

5.0 on Gumroad · 14 ratings

Membership

The whole catalogue,
one subscription.

Templates, components, assets All 283

Downloads 10 / day

Premium items 5 / month

from $24.99/month

Get Starter

5.0 on Gumroad · 14 ratings