kUInetic | Leon A.

00( kUInetic )© 2026

A UI animation library that just uses HTML tags.

kuinetic.com GitHub

Move

Drag the pointer across.

Portrait against chartreuse in a gold sequinned jacket

Blue bob with a yellow paint patch across one eye

Emerald blazer and afro against green

Close-up in glossy magenta

Portrait dripping in glossy pink paint

Blue uniform and cap, a blue butterfly over the eyes

Black and yellow face paint with cat-eye glasses

White knit wrap and mirrored white sunglasses

Orange coat and beanie, square sunglasses

Portrait lit in purple, beret and round sunglasses

White curls, cobalt lips and blue fur gloves

01( Text )© 2026

Type that arrives.

Letters
Attributes in.
Words
Keyframes out, word by word.
Lines
Type that arrives a line at a time, and lands exactly where it should.
Mask
No other library.
Scramble
JUST HTML TAGS
Decode
READ THE SOURCE
Typewriter
Scroll
Blur
Out of focus, then not.
Outline
FILLED IN
Weight
Thin to heavy
Redact
CLASSIFIED
Wave
Up and over
Glitch
SIGNAL LOST
Depth
Extruded
Cycle
Animate letters
Highlight
A marker runs behind these

Write one word on a tag. The browser does the rest, frame after frame, as you scroll.

02( Reveals )© 2026

Reveals on enter.

Model in a green monochrome suit on green — Fade

Mathey Creative, Frame design — Blur

Portrait in a mirrored visor against an orange glow — Flip

Seduced by Style, Runway Pop design — Zoom

Model seated on a pink cube against pink — Rotate

Zoran, Poster design — Swing

Model in a long yellow coat on amber — Pop

Jared Floyd, Motion design — Roll

Portrait in a silver sequined cap and collar — Wipe

BYHO, Open Heart design — Circle

Portrait in a mustard knit with yellow leaves over the eyes — Diagonal

Story Squid, Noir design — Slats

Cascade

A26 Ventures, Base design

Orvellea, Axonix design

Seduced by Style, Runway Pop design

BYHO, Open Heart design

Story Squid, Noir design

Juulwin, Brain Tabs Journal design

From the center

Portrait in a mustard knit with yellow leaves over the eyes

Model seated on a pink cube against pink

Portrait in a mirrored visor against an orange glow

Model in a long yellow coat on amber

Model in a green monochrome suit on green

Portrait in a silver sequined cap and collar

Model seated on a pink cube against pink

Portrait in a mustard knit with yellow leaves over the eyes

Model in a long yellow coat on amber

Portrait in a mirrored visor against an orange glow

Portrait in a silver sequined cap and collar

Model in a green monochrome suit on green

03( Scroll )© 2026

Tied to the scroll.

TheTayWay, Editorial design

Sideways

Xander Estin, Agency design

Portrait in a mirrored visor against an orange glow

Zoran, Poster design

Portrait in a silver sequined cap and collar

Mathey Creative, Frame design

Model in a long yellow coat on amber

Jared Floyd, Motion design

Portrait in a mustard knit with yellow leaves over the eyes

A26 Ventures, Base design

Orvellea, Axonix design

Model seated on a pink cube against pink

Seduced by Style, Luxe design

Parallax

Model in a long yellow coat on amber

Mathey Creative, Frame design

Model in a green monochrome suit on green

Orvellea, Axonix design

Model seated on a pink cube against pink

A26 Ventures, Base design

Portrait in a silver sequined cap and collar

Story Squid, Noir design

Portrait in a mustard knit with yellow leaves over the eyes

Mathey Creative, Frame design

Spin

Portrait in a mustard knit with yellow leaves over the eyes — Skew

Model in a long yellow coat on amber — Fade

Model in a green monochrome suit on green — Color

Portrait in a mirrored visor against an orange glow — Frame

Xander Estin

Xander Estin, Agency design

Zoran

Zoran, Poster design

Mathey Creative

Mathey Creative, Frame design

Jared Floyd

Jared Floyd, Motion design

Scrub

TheTayWay, Athletic design

04( Carousels )© 2026

Decks, rings and rows.

Deck

Xander Estin, Agency design

Zoran, Poster design

Mathey Creative, Frame design

Jared Floyd, Motion design

A26 Ventures, Base design

Seduced by Style, Runway Pop design

Row

Orvellea, Axonix design

Model in a green monochrome suit on green

Seduced by Style, Luxe design

Model seated on a pink cube against pink

BYHO, Open Heart design

Model in a long yellow coat on amber

Story Squid, Noir design

Portrait in a mirrored visor against an orange glow

Juulwin, Brain Tabs Noir design

Portrait in a silver sequined cap and collar

A26 Ventures, UCLA design

Portrait in a mustard knit with yellow leaves over the eyes

Ring

Zoran, Poster design

Orvellea, Axonix design

Jared Floyd, Motion design

BYHO, Open Heart design

Xander Estin, Agency design

Story Squid, Noir design

Mathey Creative, Frame design

Seduced by Style, Runway Pop design

Inside the ring

Juulwin, Brain Tabs Noir design

A26 Ventures, Base design

Juulwin, Brain Tabs Journal design

Seduced by Style, Luxe design

Orvellea, Newcomer design

Mathey Creative, Frame design

Orvellea, Axonix design

A26 Ventures, UCLA design

Seduced by Style, Runway Pop design

Zoran, Poster design

Helix

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Sphere

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Pile

Portrait in a mirrored visor against an orange glow

Portrait in a silver sequined cap and collar

Portrait in a mustard knit with yellow leaves over the eyes

Model seated on a pink cube against pink

Model in a green monochrome suit on green

Model in a long yellow coat on amber

Orbit

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

Model in a green monochrome suit on green

Model seated on a pink cube against pink

Flip

Model in a green monochrome suit on green

Model seated on a pink cube against pink

Model in a long yellow coat on amber

Portrait in a mustard knit with yellow leaves over the eyes

Portrait in a mirrored visor against an orange glow

Portrait in a silver sequined cap and collar

Cube

Portrait in a mustard knit with yellow leaves over the eyes

Model in a green monochrome suit on green

Portrait in a mirrored visor against an orange glow

Model seated on a pink cube against pink

Portrait in a silver sequined cap and collar

Model in a long yellow coat on amber

05( Micro-interactions )© 2026

Answers the pointer.

Press
Magnetic
Tilt
Lift
Pop
Shine
Flap
Swap
Border
Beam
A plain link
Underline
Another link
Center line
Wiggle
Spin
Bounce
Burst
Menu
Plus
Play
Toggle
Switch
Check
Check
OneTwo
Radio
Search
Tooltip
Portrait
Preview
Light
Light
Glow
Confetti

Expand

Portrait in a mirrored visor against an orange glow

Visor

Orange

Portrait in a silver sequined cap and collar

Silver

Sequined

Model in a green monochrome suit on green

Green

Monochrome

Model in a long yellow coat on amber

Coat

Yellow

Dim the rest

06( The rest )© 2026

And the rest.

Entrances

Fade down
Fade left
Fade right
Fade blur in
Fade blur up
Slide up
Slide down
Slide left
Slide right
Slide inline start
Slide inline end
Slide block start
Slide block end
Zoom out
Zoom in down
Flip in x
Rotate in left
Rotate in right
Bounce in
Bounce in up
Bounce in down
Back in up
Back in down
Wipe down
Wipe left
Wipe right

Exits, on hover

Fade out
Fade out up
Fade out down
Fade out left
Fade out right
Slide out up
Slide out down
Slide out left
Slide out right
Pop out
Flip out x
Flip out y
Roll out
Rotate out
Blur out

Type

Up from below.
Reveal up
Down from above.
Reveal down
Shaky hands.
Jitter
Typed and deleted.
Typing, forever
A running sheen.
Shimmer
Point at me.
Sweep, on hover
Point at me.
Underline, on hover
Moves by itself · Moves by itself ·
Marquee

Icons and charts

Check
Cross
Signature
Underline
Stroke, gradient
Line chart
Area chart
Bars
Sparkline
Donut
Gauge
Ring
Heart
Bookmark
Icon morph
Motion path
Stars

Numbers

0
Currency
0
Compact
0
Percent
0
Down
0
Odometer

Ambient

Aurora
Gradient mesh
Dot grid drift
Line grid drift
Starfield
Wave blob
Blob
Float
Bob
Glow pulse
Floating shapes
Orbit
Scanline
Spotlight
Ring
Border, turning
Ring
Border, gradient

Status

Spinner
Spinner dots
Spinner ring
Progress, unknown
Loading bar
Progress
Segments
Skeleton
3
Badge
Ripple, on hover
Wobble, on hover
Shake, on hover

Fields

Underline
Ring on focus
Name
Label
Range

Pointer

Lift
Edge glow
Beam
Beam
Tilt, with depth
Gray on hover
Duotone on hover
Saturate on hover
Label, sideways
Label, diagonal
this
Preview below
this
Preview left
this
Preview right
Hover
Cursor dot
Hover
Cursor lag
Hover
Cursor label
Hover
Cursor invert
Frosted
Frosted

Gestures

Drag sideways
Drag up, down
Throw
Elastic
Snap to grid
Snap back
Swipe
Swipe sideways
Long press
Stretch
Rubber band

Images

Slow push
Slow pull
Card flip, x
Card flip, y
Page turn, on hover
Fold
Wipe across
Compare
Picture
Picture behind
Depth
Across
Lightbox

Panels

Panel
Pop open
Panel
Fade open
Panel
Scale open
Panel
Slide up
Panel
Slide down
Click to move
From below
Slides
Fades

07( Transitions )© 2026

Cover, swap, reveal.

TheTayWay, Athletic design

TheTayWay, Editorial design

TheTayWay, Mono design

TheTayWay, Sky design

08( kUInetic )© 2026

Free. Standalone. MIT.

313named effects

48primitive families

Compiles HTML attributes into real CSS keyframes and native scroll-driven timelines.

kuinetic.com GitHub