Creators may embed this optional badge in a repository or project page. It points directly to this product; no backlink is required, and the supplied link is nofollow by default.
Related products
More production-ready assets in the same category.
A luxury multi-chain swap and bridge widget: token and network pickers with search, a cross-chain route pill, slippage settings, a rate / fee / price-impact / minimum-received breakdown and a glossy light-sweep CTA. Self-contained, accessible, zero dependencies. Prices and balances are example props — wire your own quotes.
React
React 19
TypeScript
Aurora Swap is a premium multi-chain token swap and bridge widget for React 19 and TypeScript, built from scratch with zero dependencies. It injects its own CSS and fonts once on mount, so it looks identical in any project with no Tailwind required. It includes token and network pickers with search, a spring-loaded direction switch, a luminous cross-chain route pill, slippage settings, and a full rate / price-impact / fee / minimum-received breakdown, plus a light-sweep CTA. Honesty first: token symbols are real but all prices and balances are EXAMPLE props — there are no live quotes and no on-chain calls. Wire your own quote source and wallet handlers (onSwap, onConnect) in production. Accessible (labelled controls, visible focus rings) and prefers-reduced-motion aware.
A premium split-flap (Solari) display board with realistic two-phase flap animation, character stepping, a per-column wave, multi-line support and full theming — self-contained, accessible, zero dependencies, zero required props.
React
React 19
TypeScript
Flip Board recreates the classic airport and train split-flap departure board for React 19 and TypeScript. Each character physically flips — the top leaf folds down while the new leaf falls into place — stepping through the charset to the target with a left-to-right wave. It is fully self-contained: it injects its own CSS and the JetBrains Mono web-font once on mount, so it renders identically in any project with no Tailwind or config required. Multi-line text is auto-centered into a stable grid so the board can flip between messages — perfect for cycling status text, marquees and hero displays. Everything is tokenized through CSS variables, so you can resize and recolor whole boards with a handful of properties. Accessible and battery-friendly: it exposes the text to screen readers (role=img with aria-label), respects prefers-reduced-motion, and cleans up its timers on unmount.
A premium animated light-rain background: falling light streaks with additive glow, twinkling stars, a soft radial bloom and gentle mouse parallax. Pure Canvas 2D — no WebGL, no dependencies. Drops behind any hero.
React
React 19
TypeScript
Aurora Lightfall is a premium animated background for React 19 + TypeScript built in plain Canvas 2D — no WebGL, no ogl, zero dependencies. Falling light streaks with additive glow, twinkling stars, a soft radial bloom and gentle mouse parallax sit behind any hero or section. Performance-minded: capped device-pixel-ratio, a single canvas with lighter compositing, pauses when off-screen (IntersectionObserver) or when the tab is hidden, and honors prefers-reduced-motion (renders one calm static frame). Fully themeable via props (colors, speed, count, glow, twinkle, angle, background bloom, mouse parallax). Decorative by construction (aria-hidden / role=presentation). Single file, default export.
Glass Dock — macOS Dock with Cursor-Proximity Magnification (React, no deps)
React 19
A macOS-style glass dock: icons magnify by pointer proximity (the classic fisheye) and push neighbours apart, with name tooltips, running-app dots and a click bounce. Pure React + CSS, keyboard-accessible, zero dependencies.
What is this component?
Glass Dock recreates the macOS dock for React 19 and TypeScript. Icons scale up based on how close the pointer is and gently push their neighbours apart — the classic dock fisheye — written straight to CSS variables on pointermove, so there are no re-renders and no dependencies. Hovering shows a name tooltip, "open" apps get a running-indicator dot, and clicking an icon bounces it.
It is fully self-contained: it injects its own CSS and an Apple-grade system font once on mount, needs no Tailwind, is keyboard accessible (focus magnifies too) and respects prefers-reduced-motion. No third-party app icons are bundled — pass your own via the apps prop, or use the original gradient tiles it ships with. Light and dark variants. Original work for Assetzaar.
