AnimationSorting
Bubble Sort Animation
The interactive version of the short video: bars that cross when they swap, a sorted tail that grows, and the early exit
Free
Algorithms you can see, interfaces you can ship.
Watch every algorithm run step by step — free, with the code and a quiz. Then build with our components, templates and animations.
Component01 / 14
Magnify Dock
A frosted-glass dock whose icons swell under the pointer while their neighbours glide aside
Free
Try it liveThree ways in
Pick the size of the piece you need.
- 9 productsComponentsSingle pieces of interface — a toggle, a nav bar, a card — ready to paste into your project.
- 6 productsTemplatesWhole pages and sites, designed and animated, to start a project from.
- 6 productsAnimationsAlgorithm animations and other motion pieces to embed in a page, a slide or a lesson.
Free to download
Real products, not demos. Take them, ship them.
- AnimationData structures
Union-Find Animation
A glowing forest where groups merge and paths flatten: Union-Find with union by size and path compression, ready for your lessons, slides and posts
Free - ComponentCard
Spotlight Card
Frosted-glass cards lit by a soft light that follows the pointer — and spills across the grid
Free
Hand-picked
- ComponentNavigation
Magnify Dock
A frosted-glass dock whose icons swell under the pointer while their neighbours glide aside
Free - ComponentCard
Swipe Card Stack
A Tinder-style card stack you drag, flick and throw — with stamps, undo and real physics
Free - AnimationPathfinding
Pathfinding Maze
An editable neon maze where BFS, Dijkstra, A* and greedy search race to the goal, step by step
Free - ComponentFeedback
Dynamic Island
Notifications that spring out of one black pill and melt back into it
Free - AnimationData structures
Union-Find Animation
A glowing forest where groups merge and paths flatten: Union-Find with union by size and path compression, ready for your lessons, slides and posts
Free - ComponentCard
Spotlight Card
Frosted-glass cards lit by a soft light that follows the pointer — and spills across the grid
Free - AnimationSorting
Sorting Race
Six sorting algorithms race side by side on the same data — one operation per tick, medals at the finish
Free - ComponentButton
Magnetic Button
A call-to-action that leans toward the pointer before it is even clicked
Free - TemplatePortfolio
Dev Link-in-bio
A link-in-bio page for developers, with a card view for everyone and a terminal for the curious
$4.90 - TemplateLanding page
Tidelock — Launch Waitlist
A coming-soon page with orbiting planets, a split-flap countdown and a waitlist that hands every signup a referral link
$4.90 - TemplateEvent
Nebulae — Conference Site
A complete conference site: a living constellation, a tilting name badge, a schedule that knows what is on now, and tickets that add up as you click
$4.90 - TemplateLanding page
Lumora — SaaS Landing
A one-page SaaS landing with a living aurora and a product window that ships its own experiment
$4.90 - TemplatePortfolio
Halation — Studio Portfolio
A one-page portfolio for design and motion studios, with a headline that glows like light on film
$4.90 - ComponentInput
Elastic Slider
A range slider that stretches past its ends, swings its value bubble and springs back like rubber
Free - ComponentOverlay
Command Palette
A ⌘K command palette that finds any page or action in a few keystrokes
Free - AnimationSearching
Binary Search Animation
A step-by-step binary search with gliding lo / mid / hi pointers, ready for your lessons, slides and posts
Free - ComponentNavigation
Animated Tabs
Tabs with a glass pill that stretches from tab to tab, and panels that slide the same way
Free - TemplateDashboard
Prism — Analytics Dashboard
A glassy, dark-first analytics dashboard with hand-built SVG charts, a live visitor counter and a real customers table
$4.90 - AnimationSorting
Bubble Sort Animation
The interactive version of the short video: bars that cross when they swap, a sorted tail that grows, and the early exit
Free - ComponentText effects
Scramble Text
A hacker-style decode for headlines, links and buttons — characters flicker through glyphs and lock in one by one
Free - AnimationSorting
Quick Sort Animation
Quick sort, step by step: the pivot, Hoare's two pointers and a call stack that stays shallow
Free
Why build with us
Try it live before you buy
Every product runs right on its page. Switch between phone, tablet and desktop frames to see how it behaves.
Pay once, use it forever
No subscription. Use it in personal and client projects, as many as you like.
Real source, drop it in
Plain HTML / CSS / JS and React builds, with notes for Next.js. Nothing to lock you in.
Free updates for life
Fixes and new features land behind the same download, which always serves the latest version.
Just released
- AnimationSorting
Bubble Sort Animation
The interactive version of the short video: bars that cross when they swap, a sorted tail that grows, and the early exit
Free - AnimationData structures
Union-Find Animation
A glowing forest where groups merge and paths flatten: Union-Find with union by size and path compression, ready for your lessons, slides and posts
Free - TemplatePortfolio
Halation — Studio Portfolio
A one-page portfolio for design and motion studios, with a headline that glows like light on film
$4.90 - ComponentCard
Spotlight Card
Frosted-glass cards lit by a soft light that follows the pointer — and spills across the grid
Free - AnimationSorting
Sorting Race
Six sorting algorithms race side by side on the same data — one operation per tick, medals at the finish
Free - ComponentText effects
Scramble Text
A hacker-style decode for headlines, links and buttons — characters flicker through glyphs and lock in one by one
Free
Learn by watching
Free algorithm explainers: a short video, the code, and a quiz.
Medium · O(n log n) avg, O(n²) worst
Quick Sort
Pick a pivot, push smaller values left and bigger values right, then sort each side the same way. In-place quick sort with Hoare partition, a median-of-three pivot and an O(log n) stack.
Never miss a new release
New products land regularly. One short email when something new is out. Nothing else.