Reels
Polaris: Project Management Dashboard · A rich glassmorphism project-management dashboard for React: assignments, sprints, calendar, notifications, workflows, notes and security panels with light and dark modes.
Onyx: Split-Card Payment Animation · A two-panel checkout for React that bursts into a cinematic success sequence: the panels slide away, two card halves fly in and fuse, particles explode and a Lottie tick plays.
Altair: Invoicing & Banking Dashboards · Two React fintech dashboards: an invoicing console with invoice builder and instant payouts, and a lime-and-black business-banking app with cards, spending analytics, transfers, bills and security.
Orion: Workspace & Wealth Dashboards · Two rich React dashboards: a bento-style team workspace with projects, time tracking and profile, and an investment and wealth portfolio with holdings, dividends, linked accounts and security settings.
Sapphire: 3D Card Checkout Page · A desktop checkout page for React with a sapphire-blue 3D bank card that mirrors every keystroke, flips for the CVV, then glides centre-stage for a drawn-tick success state.
Marquee: 3D Coverflow Carousel · A cinematic 3D coverflow carousel for React: posters tilt in perspective, the backdrop recolours per title, a glass player bar plays ambient tones, and the active card flies forward to play a trailer.
Hoot: Owl Mascot OTP Verification · A charming OTP screen for React starring an animated SVG owl that follows the cursor, watches each box as you type and celebrates when the code is verified.
Kinetic: OTP Verification Animation Pack · Six animated 4-digit OTP verification screens for React and Framer Motion: the code boxes merge, orbit, burst, chomp or drop into a satisfying success tick.
Gild: Gold Glass OTP Verification · A luxurious frosted-glass OTP card for React with a chamfered gold-rim frame, floating glass chips, resend countdown, error handling and an orbiting success animation.
Drift: 15 Animated Tab Bars · Fifteen animated bottom navigation bars for React in five themed sets: liquid droplets, curved notches, gooey docks, flying dots, magnifying docks and a morphing island.
Cobalt: Robot Squad Login · A split-screen React login with a squad of six animated characters that follow the cursor, chat with each other while you type and look away shyly when you enter your password.
Bamboo: Panda Mascot Login · A charming React login and sign-up screen with a panda mascot that follows the cursor and covers its eyes while you type your password, over an interactive constellation background.
Lumen: Pull-Cord Lamp Login · A playful React login where users tug a desk lamp's pull cord to switch on the light and reveal the sign-in form. Two variants, including a dark room with drifting fireflies.
Unveil: 3D Laptop Scroll Hero · A cinematic scroll-driven hero for React: a CSS 3D laptop opens as you scroll, its keyboard glows and the screen rises to reveal a live dashboard.
Tether: Hanging Physics Badge · An interactive conference badge on a swinging lanyard for React, powered by a real-time Verlet physics engine you can drag, toss, flip and customise.
Topaz: Glass Payment Checkout · A luxurious glassmorphism checkout page for React with a live 3D card that flips for the CVV, smart input formatting and an animated success state.
Nova: Smart Home & Health Dashboards · Two complete React dashboards in one package: a smart-home control centre and a health and activity tracker, both with glass panels and rich interactive widgets.
Seek: Morphing Product Search Bar · An animated product search for React: a glowing pill expands into a search field, then result cards burst out of the bar and fly into a grid.
Kite: Paper Plane Contact Form · A playful React contact form whose send button launches a paper plane: it flies to centre, turns green, rides the wind lines and lands a success message.
Folio: Portrait Profile Cards · Two styles of animated portrait profile cards for React: a team-card trio with share and add-to-contacts actions and a spotlight card with stats and follow button.
Quartz: Receipt Print Checkout · A two-panel React checkout with floating-label inputs, a live card in the order summary, inline validation and a success scene where the card glows and a paper receipt prints out.
Opal: Liquid Morph Pay Checkout · A compact checkout card for React whose Pay button morphs into a liquid token, ripples across the card, verifies with a progress ring and unlocks into an order-confirmed receipt.
Lyra: Freelancer & Team Dashboards · Two React dashboards joined by a floating picture-in-picture switcher: a designer/freelancer hub with a magnifying dock, invoices and deliverables, and a team workspace with assignments, calendar, workflows and integrations.
Jade: Mobile Add-Card Payment · A phone-sized "Add New Card" payment screen for React: a live card preview that flips for the CVV, smart inputs, a slide-away pay bar and a processing-to-success animation.
Glyph: Animated SVG Icon Set · Five hand-animated SVG icons for React (home, folder, heart, bell, user) that come alive on hover, plus an interactive folder widget with stacked analytics cards.
Buoy: Scroll-Aware Floating Dock · A floating glass dock for React that shrinks as you scroll, expands into a search field, slides a glossy active highlight and bursts hearts when you like.
Triton: Workspace, Sales & Finance Dashboards · Three complete React dashboards in one project: a team workspace with assignments and calendar, a sales and revenue console, and a personal-finance tracker with money flow, budgets and savings goals.
Keel: Glass Sidebar Menu · A frosted-glass app sidebar for React with window controls, search, grouped menu sections, dock-style icon magnification, badges, collapse mode and a profile footer.
Beacon: Glass Pill Navbar with Search · A dark glassmorphism pill navbar for React with dock-style link magnification, a cursor-following shine border, an expanding inline search and a mobile drawer.
Swift: Fly-to-Cart Animation Pack · Two add-to-cart micro-interactions for React: product images arc into the cart icon, the cart wiggles and counts up, and a slide-out cart lists items and totals.
Volt: Electric OTP Verification · A high-energy OTP input for React: every digit charges its box with crackling SVG lightning and sparks, then the boxes spin together into a glowing verified state.
Parcel: Animated File Upload Pack · Two animated file-upload components for React: a drag-and-drop card with flying file thumbnail, progress and success state, and a compact button that morphs into a progress bar.
Bloom: Mobile & Desktop Login Screens · Two soft, modern React login screens: a mobile welcome screen with petal art and a wave that reveals the form, and a desktop split card with abstract artwork and social sign-in.
Eclipse: Sliding Panel Sign-In & Sign-Up · Two React authentication screens where a bold colour panel slides across to swap login and sign-up forms: a diagonal-sweep version and a dark neon-glow version.
Aegis: Animated Secure Login · A React login that visualises security: a shield charges up as the password grows, the sign-in button dodges the cursor until the form is valid, and a three-step check plays before success.
Blink: Googly-Eyes Monster Sign-Up · A cheerful React sign-up card topped by a fuzzy monster whose googly eyes follow the cursor, eyebrows jump while you type and frown on errors, with loading and success states.
Halo: Glass Auth Card with Docking Chips · A luxurious black-and-gold glass sign-in and sign-up card for React, where two glass arrow chips glide in, dock at the centre with a golden spark and switch the form.
Pocket: Phone Mockup OTP Screen · A friendly OTP verification card for React with an illustrated phone that unlocks as the 4-digit code is checked, floating badges and a drawn success tick.
Mercury: Liquid OTP Verification Duo · Two liquid-themed OTP screens for React: digits fill glass boxes with water, tubes connect them and the code fuses into one glowing verified droplet.
Tide: Glass OTP Verification with Sound · A glassmorphism OTP screen for React where each digit fills its glass slot with water, the slots fuse into one rising pool and Web Audio sound effects play.
Use the up and down arrow keys to move between reels, and M to mute or unmute.