Live preview recorded from Feral UI; component and demo published by Sarthak Navalekar. Preview: platform recorded · rights authorized.

ComponentMixed

Gradient Builder

Soft gradients blended from traditional Japanese colours.

FSource LandFeralUI

View original source

Why it stands out

Soft gradients blended from traditional Japanese colours.

Discovery vocabulary

Component React

Related by governed terms

Continue comparing

Componentsopen source

Signature

An animated SVG signature effect that draws out text as if hand-written.

by Componentry0React · TypeScriptSource

Componentsfree

Scroll Progress

A scroll progress pill that tracks reading position and expands into a squircle menu of page sections.

by Rare UI0React · TypeScriptSource

Componentsfree

Bounce sidebar

A vertical navigation list with a bouncy, spring-animated active indicator.

by Rare UI0React · TypeScriptSource

Componentsfree

OTP Input

A one-time-code input whose characters roll into place behind a caret that slides from slot to slot.

by Rare UI0React · TypeScriptSource

Componentsfree

PullCord

A cloth cord that really hangs. Pull it to switch the lights.

by FeralUI0React · TypeScriptSource

Componentsopen source

Scroll Choreography

A smooth, scroll-driven image choreography component using Framer Motion.

by Componentry0React · TypeScriptSource

PullCord

A cloth cord that really hangs. Pull it to switch the lights.

by FeralUI0React · TypeScriptSource

Componentsmixed

Vacuum

Select a few tiles and a vacuum sucks them up the hose.

by FeralUI0React · TypeScriptSource

Componentsmixed

Crumple

Notes crumple into paper balls and drop in the basket.

by FeralUI0React · TypeScriptSource

Componentsmixed

DeskFolio

A little book that blooms open and turns pages on a spring.

by FeralUI0React · TypeScriptSource

Componentsmixed

AniMaps

Animated route maps you can export and share.

by FeralUI0React · TypeScriptSource

Componentsmixed

Screenery

A shelf of finished app screens, each with a signature move.

by FeralUI0React · TypeScriptSource