- 01
NumberFlow
LatestAnimated number transitions — currency, percent, compact, countdown, continuous, trend, and stepper variants.
View component - 02
SVG Curved TOC
LatestInteractive table of contents with cubic Bezier connectors, clip-path animation, and offset-path demos.
View component - 03
Peektext
LatestInline text hover reveal that expands a tiny image with smooth transition.
View component - 04
Folder
LatestmacOS-style folder icons with glossy gradients, color variants, hover lift, and size options.
View component - 05
Canvas Gallery
Latest3D image canvas with pan, zoom, click-to-select, side panel, and minimap. Built with React Three Fiber + Drei.
View component - 06
Investment Growth Chart
LatestCompound growth bar chart with glowing green trend line, interactive deposit slider, and dynamic y-axis.
View component - 07
Performance Button
LatestPixel-perfect recreation of the performance.dev Subscribe button — dark pill with two-layer shadow and inset gradient ring.
View component - 08
Date Picker
ExperienceTimeline ruler with drag-to-resize, NL text input, and granularity panels.
View component - 09
Math Curve Loaders
ExperienceAnimated loading spinners based on mathematical curves — rose, Lissajous, hypotrochoid, and more.
View component - 10
Land the Booster
ExperienceMars rocket landing game with physics sim, fuel/speed/angle HUD, keyboard + touch controls, and scoring.
View component - 11
Floating Component Dock
WIPBottom-center floating utility dock with component menu, copy actions, and theme switcher.
View component - 12
Agent Status Panels
WIPThinking-stage dotted progress rails plus vesting/volume/temperature control cards.
View component - 13
Tab Patterns
WIPModes/personas, primary section tabs, and lightweight filter tab sets.
View component - 14
Agent System Toasts
WIPFour large system toasts: run complete, override warning, paused, and delete confirmation.
View component - 15
Token Selector Modal
WIPSearchable token list modal with top-by-volume rows and keyboard hints.
View component - 16
Timeframe Selector
WIPSegmented timeframe pill with 24H, 7D, 30D, 90D, and 1Y options.
View component - 17
Boneyard Skeleton
WIPPixel-perfect loading skeleton for a blog card using boneyard-js, with source credit.
View component - 18
FRI Portfolio Dashboard
WIPCyberpunk-themed AI agent portfolio with arc reactor, terminal, diagnostics, and directive panels.
View component - 19
Navbar
WIPApp logo, navigation links, search input, and user menu with dropdown.
View component - 20
Chain Selector
WIPHorizontal pill bar for switching between blockchain networks.
View component - 21
DeFi Card
WIPProtocol cards with price, trend, TVL, favorites toggle, and chain badge.
View component - 22
NFT Collections Table
WIPSortable table with volume, floor price, owners, supply columns.
View component - 23
Gas Fee Mode Selector
WIPWalking, Speed Bike, and Future Car modes with live gwei countdown.
View component - 24
Market Stats Card
WIPCrypto coins count, market cap, and 24h trading volume.
View component - 25
Dominance Bar Card
WIPBTC and ETH market dominance with colored progress bars.
View component - 26
Transaction Toast
WIPAnimated transaction status toast — processing, failed, and success states.
View component - 27
Swap Flow
WIPAnimated token swap interface with step-by-step flow visualization.
View component - 28
Avatar Creator
WIPSplit-tone avatar builder with swatch picker, shuffle action, and custom color add.
View component - 29
PnL Calendar
WIPMonthly trading calendar with positive/negative day heatmap and paged navigation.
View component