Animated UI components and templates in HTML, CSS & JS
Animated UI components and website templates in plain HTML, CSS and JS, for client sites. Watch each one working before you buy. One-time prices, free updates.
Components
- Arachne — A live clock whose hands are a spider's legs
- Arc — A bottom tab bar with a ring of light that stretches
- Atelier — An add to cart button that packs the item into a bag
- Atlas — A 3D team slider where the centre person is in colour
- Aurelia — Three flowers that grow and bloom at night
- Axis — A drink product card that opens when you tap
- Bead — A download button whose outline is the progress bar
- Brim — A download button that fills up like a glass
- Caddy — An Add to cart button where a cart drives off
- Cart — A Buy Now button that turns into a delivery truck
- Caustic — A Delete button whose bin eats its own label
- Contrail — A Send button where a paper plane flies away
- Crest — A tab bar with a liquid drop marker
- Dart — A Send button that folds into a paper plane
- Dash — A round Add to cart button where the cart drives away
- Decant — Glass toggle buttons that fill with liquid when pressed
- Decibel — A volume slider that shows how loud it really is
- Deck — A four-digit code field that shuffles like playing cards
- Delete — A Delete button that shreds a page into a bin
- Depot — An order button where a van picks up your parcel
- Dispatch — A Buy Now button that packs and ships the order
- Ember — Hold the egg to hatch a tiny dragon
- Gild — A favourite button that makes a new shiny star
- Glance — A Pay button that checks your face before paying
- Glyph — Buttons whose letters move when you hover
- Gulp — A delete button where the bin eats the word Delete
- Gyre — Four code boxes that spin into one check mark
- Halo — Headphone product cards that tilt and glow on hover
- Hop — A loading spinner where the last dot jumps to the front
- Keel — An upload button whose arrow becomes a water level
- Keep — A crypto wallet welcome screen with a moving 3D coin
- Lamp — A cute desk lamp that wakes when you pull its cord
- Lucid — A glass tab bar with a sun and moon theme switch
- Lumen Toggle — A dark mode switch that spreads the new theme
- Maw — A delete button that zooms into its trash can
- Meniscus — A bottom tab bar that moves like liquid
- Mood — A feedback slider with a face that changes mood
- Nimbus — A publish button with a rolling cloud animation
- Nought — A 404 error page with wind that blows the page around
- Nudge — A Get in touch button that reacts when you hover
- Opal — A glass navigation bar with a soft stretchy highlight
- Parachute — A download button with a parachuting arrow
- Pebble — A round glass sign-in form for login and sign up
- Pivot — A chat message box with a tool tray that swings open
- Plimsoll — An upload button that fills with liquid as it uploads
- Plume — A Subscribe button that folds into a paper plane
- Pulse — A glowing heart made of connected dots
- Quarto — Four code boxes that fold into one check mark
- Quench — A submit button that fills up as it sends
- Relay — A contact menu where the word CONTACT opens your links
- Relief — Soft buttons that grow into a player and share menu
- Reptile — A line-drawn lizard that crawls after your mouse
- Ripcord — A download button that turns into its own progress bar
- Sable — A checkout form with a card that fills in as you type
- Scoville — A spice level slider where the chili pepper catches fire
- Scry — A search icon that opens into a search field
- Sigil — A one-time code field that seals itself when complete
- Signet — A one-time code field that looks pressed into gold
- Silo — A download button that opens a box and fills it
- Snowglobe — A snow globe you can shake to make it snow
- Solstice — Drag a slider to move one tree through the seasons
- Spindle — A one-time code field that opens a safe
- Splay — A Share button that opens into share options
- Surge — A navigation menu with an underline that jumps like electricity
- Swell — A button that fills with colour like a liquid on hover
- Swipe — Swipe a list item left to shred and delete it
- Tender — A pay button that swipes a card through itself
- Thrum — A download button whose arrow becomes a moving wave
- Tide — A download button whose arrow lies down and becomes the file
- Tube — A Send button that shoots your message through a tube
- Tumbler — A one-time code field that cuts a key
- Upload — A ready to use file upload box with progress bars
- Warden — A password strength meter with a growing dragon
- Weather — A glass weather card that changes with each day
- Wish — A birthday cake whose candles you blow out with your breath
Templates
- Merrin — A sales CRM with a drag-and-drop deal board and a morphing sales chart
- Wynlo — A sales CRM with a drag-and-drop deal board and a country map
- Covry — A money and people back office with a cash chart you can filter by site
- Moorly — An insurance broker portal with a stage route you can watch move
- Ledra — A money, people and paperwork back office with a cash forecast
- Kerfa — A glass sales dashboard with a drag-and-drop deal board
- Coffra — A finance and people back office with a morphing cash-flow chart
- Solvik — A sales CRM in frosted glass with a deal board and invoices
- Kinlo — A finance and HR back office for a cinema or venue
- Rivlet — A finance and HR back office with a drag-to-sort desk
- Tessly — A sales CRM with client files, a deal board and a forecast
- Corvane — A payments operations dashboard for card processors and fintech teams
- Ambrel — A point of sale for a shop with members and a cash drawer
- Ondra — A marketing and sales dashboard for brands that sell online and wholesale
- Olvara — A back office for a small product brand that makes its own stock
- Petalo — A point of sale and back office for a shop with a till
- Selvar — A sales dashboard and CRM for teams that sell to businesses
- Vitrea — An App Store publishing dashboard with an iPhone-style glass look
- Folka — A staff, shifts and pay app for cafés and shift teams
- Pembra — A staff, shifts and payroll app for hotels and shift teams
- Kelvo — A staff, shifts and payroll app for shift teams
- Orvel — A finance app where every payment is a dot on a chart
- Pelago — A sales dashboard for a small online shop
- Grista — A business bank app for a small shop or bakery
- Mavora — An online store dashboard with sales and order tracking
- Talvo — A finance app for a small business with a cash forecast
- Murmura — A social media manager for posting to eight networks
- Obolo — A business money app with wallets in four currencies
- Kinby — A family money app with shared cards and pocket money
- Kofra — A business bank app for freelancers and small studios
- Tillo — A money app for a small shop
- Sovra — A business bank app for a small company with several shops
- Noria — A workflow automation app with a visual flow builder
- Kesta — A finance app for a film or video production company
- Rivolo — A money app for freelancers with tax and savings pots
- Vessa — A stock and supply app for a skincare brand
- Sunrow — A project app for solar and battery building companies
- Lumora — A teacher's dashboard for the whole school day
- Tavola — A restaurant dashboard with a kitchen board and floor plan
- Cadra — A factory management app with a drag-and-drop production plan
- Ivora — A practice app for a dental clinic
- Pane — A glassy project management app for small teams
- Torque — An admin panel for a car repair workshop
- Lintel — A real-estate CRM with listings, deals and live chat
- Hearth — A mortgage CRM for loan officers
- Corbel — A sales dashboard for shops that sell online and in store
- Kairo — A revenue dashboard for subscription businesses
- Tend — A clinic CRM with a WhatsApp inbox and patient board
- Accord — A client CRM with a drag-and-drop deal board
- Mender — A customer support dashboard with a drag-and-drop case board
- Sprig — A twelve-page CRM for small agencies and studios
- Rapport — A sales CRM with a deal board, schedule and invoices
- Parley — A customer messaging dashboard for SMS, WhatsApp and email
- Oria — A furniture store with shop, product pages, bag and checkout
- Ledge — An inventory and sales dashboard with a shop register
- Gesso — An art marketplace landing page with cards that fan out
- Dwella — A homebuying landing page with a cash-back calculator
- Arden — A real-estate agency landing page with property search
- Solum — A clothing store website with checkout and an admin dashboard
- Tandem — A CRM workspace that ranks leads and shows why
- Coffer — An eight-page invoicing and accounting dashboard
- Stride — A personal fitness tracker dashboard with eleven pages
- Kvist — A home goods store with an admin dashboard
- Orrery — An admin console for an AI API service
- Portfolio — An animated developer portfolio built with React and Tailwind
- Halden — A six-page sales CRM with a drag-and-drop deal board
- Prism — A live sales dashboard for an online store
- Camber — A car parts shop landing page with animated sections
- Kestrel — A marketing analytics dashboard with eleven pages
- Wharf — A stock and orders dashboard for small shops
- Fathom — A dark crypto trading dashboard with live prices
- Sorrel — A one-page skincare store where bottles jump into the bag
- Strada — A car rental landing page where cars drive in and out
- Fernly — A seven-page project management dashboard
- Norda — A one-page furniture store that animates as you scroll
- Kessler — A six-page online store with a working shopping bag
- Coterie — A people and payroll dashboard for HR teams
- Vanta — A dark product launch page with scroll videos
- Meridian — A dark investment dashboard with animated charts
- Rivet — A black and neon personal finance dashboard
- Posy — A birthday card where you hand over a flower
- Sleuth — A 404 page where your mouse is a magnifying glass
- Tether — A login button that runs away until the form is filled
- Birthday — An animated birthday greeting that ends in a heart of flowers
- Verso — A sign-in card that sweeps over to sign-up
- Huddle — A sign-in form with shapes that watch you type
- Sola — A shoe shop where the cart is a real shopping bag
- Mochi — A sign-in page where a cat covers her eyes
- Bamboo — A sign-in page where a panda covers his eyes
- Lunara — A glass sign-in page over a desert at night
- Date — A cute video call where two friends blow kisses
- Flow — A liquid sign-in page that ripples as you type
- Intro — An animated text intro for a web studio or freelancer
- Solace — A headphone product page where scrolling plays the video
- Vesper — A studio website where scrolling plays the sunset
- Vault — A sign up form where the lock grows with your password
- Sneakers — A sneaker carousel where shoes turn on a wheel
- Gungame — A neon shooting game you play with your mouse
- Den — A sign-in page where a husky puppy covers his eyes
- Portal — A Sign in button with a tiny door you walk through
- Nocturne — A glass sign-in page over a forest at night
- Love — A Will you be mine page where No runs away
- Caveman — A 404 page with an astronaut floating in space
- Love Letter — A pixel art love letter opened with an arrow
- Nero — A product picker page where each chocolate bar flips in
- Lumen — A sign-in page with a pull-cord light bulb
- Mango — A scroll-animated landing page for a fruit shop
- Heartcode — A 3D heart made of the words i love you
- Deadline — A funny coding animation with a deadline chasing a developer
- Monolith — A 3D image gallery where cards turn as you swipe
- Moonart — A space-themed gallery with panels that open on hover
Collections
- Every template — Every page template in the store — dashboards, shops, landing pages and sign-in screens — in one purchase.
- All dashboards — Every dashboard in the store — SaaS, business and finance — at the biggest saving.
- Login & sign-up forms — Sign-in screens with a character — pandas, cats, glass and light.
- Shop templates — Whole online shops — catalogue, product, bag and checkout, ready for your brand.
- Business dashboards — Run the company — sales, projects, people, stock, the till and customer messages.
- SaaS & analytics dashboards — An AI platform console, live commerce analytics, a marketing board and a fitness tracker.
- Finance dashboards — Money on screen — a trading terminal, a finance tracker, a portfolio and invoicing.
- Dashboard starter — Two dashboards to start with — a portfolio and a finance tracker.
- Product landing pages — One-page sites that sell a single thing beautifully.
- Games & playful pages — A shooting range, a deadline that chases you, a studio intro.
- Love & celebrations — Little animated gifts — birthdays, anniversaries, a love letter.
- 404 pages — Lost pages that make people smile instead of leave.
- Every button — Every button in the store — delete, send, share, download, upload and toggles.
- Buttons & toggles — Toggles that fill, stars that mint, buttons that grow into controls.
- Download & upload buttons — Progress you can watch — liquid fills, unrolling rings, a parachute.
- Send & share buttons — Send, subscribe, share, publish — each with a flourish.
- Delete buttons — Buttons that make deleting feel final — and fun.
- Cart & checkout — Add-to-cart, pay and checkout moments that sell.
- Navigation bars — Tab bars and docks that stretch, glow and flow.
- OTP & verification codes — One-time code fields that make verifying a moment.
- Mobile app interactions — Chat, swipes and onboarding that feel native.
- Inputs & feedback — Sliders, ratings, search and uploads people enjoy using.
- Playful scenes — Little worlds to play with — a dragon egg, a snow globe, four seasons.
- Cards & sections — Team, product and feature sections that move.