# FeralUI

> A small library of playful, physics-driven React elements: real physics, hand-tuned animation, and a bit of whimsy. Built in React and TypeScript by Sarthak Navalekar.

FeralUI is a showcase of interactive UI components and experiments. Each component lives at its own route on https://feralui.dev and is a self-contained, hand-built demo. The site is a single-page React app, so this file and the sitemap describe the content directly for language models.

## Components

- [PullCord](https://feralui.dev/pullcord): A cloth cord that really hangs, driven by a real Verlet rope. Pull it to switch the site between light and dark.
- [ClawCaptcha](https://feralui.dev/captcha): A human-check where you prove you are human by winning a claw machine.
- [Gradient Builder](https://feralui.dev/gradients): A free gradient generator that blends soft gradients from traditional Japanese colours, with SVG, PNG, and MP4 export.
- [MotionView](https://feralui.dev/motionview): A free motion template studio that turns a few images into a seamless looping MP4, with motions like Carousel, Orbit, and Field.
- [Screenery](https://feralui.dev/scenes): A shelf of finished app screens, each with a signature transition or reveal.
- [DeskFolio](https://feralui.dev/deskfolio): A portfolio shaped like a little book that blooms open and turns pages on a spring.
- [Blob](https://feralui.dev/blob): A squishy jelly mascot that reacts to you inside a log-out modal.
- [AniMaps](https://feralui.dev/animaps): Animated route maps you can build, export, and share.
- [Fur](https://feralui.dev/fur): A pettable coat of fur, painted strand by strand on canvas.
- [Vacuum](https://feralui.dev/vacuum): A bulk-delete interaction where selected tiles get sucked up a vacuum hose.
- [Crumple](https://feralui.dev/crumple): A delete effect where notes crumple into paper balls and drop in the basket.
- [Hologram](https://feralui.dev/hologram): A foil Pokemon-style card that catches the light as you tilt it.
- [Matchday](https://feralui.dev/matchday): Letterboxd for football, where you rate matches in half-stars.

## Gradient tools

Focused entry points into the Gradient Builder, one per gradient style:

- [Mesh gradient generator](https://feralui.dev/gradients/mesh-gradient): Soft animated multi-colour mesh fields.
- [Grainy gradient generator](https://feralui.dev/gradients/grainy-gradient): Retro colour blobs under film-grain noise.
- [Animated gradient generator](https://feralui.dev/gradients/animated-gradient): Moving colour washes that export as MP4 video.
- [Aurora gradient generator](https://feralui.dev/gradients/aurora-gradient): A living northern-lights ribbon over a night sky.
- [Wave gradient generator](https://feralui.dev/gradients/wave-gradient): Rolling layered waves of colour.
- [Linear gradient generator](https://feralui.dev/gradients/linear-gradient): Clean axis blends from curated palettes.
- [Radial gradient generator](https://feralui.dev/gradients/radial-gradient): Glowing orb blends from a bright core.
- [Conic gradient generator](https://feralui.dev/gradients/conic-gradient): Seamless mirrored fan sweeps.
- [Pixel gradient generator](https://feralui.dev/gradients/pixel-gradient): Colour blends across breathing tile grids.
- [Gradient wallpaper maker](https://feralui.dev/gradients/gradient-wallpaper): City skylines against gradient skies.

## Meta

- [Advertise](https://feralui.dev/advertise): Sponsorship placements across the site, one sponsor per slot, booked with card payment via Dodo Payments.
- [Sitemap](https://feralui.dev/sitemap.xml): Every indexable page.
- [Author on GitHub](https://github.com/mortspace): The author, Sarthak Navalekar (mortspace).