Memorables

Dark Mode UI

Dark mode UI designed dark from the start: apps, dashboards, tools and websites.

Dark mode UI puts light content on a dark background, which changes how everything works: depth comes from lighter surfaces rather than shadows, colours have to glow without vibrating, and grey text has to stay readable. The interfaces on this page were designed dark from the start rather than simply inverted: apps, dashboards, tools and websites, many of them shown in motion, by product designers such as Benjamin den Boer, Andrey Rybin and BLOND.

25 works by 22 creators, newest added 11 November 2026. Each is credited to the people who made it and links to the original.

All 25 Dark Mode UI

  1. Distortion Waves by Jakub Antalik — A screen transition for SwiftUI that turns a payment confirmation into a moment: the screen leans toward the tapped button, then a wave of colour carries it into the receipt.
  2. Hold to Delete by Keshav Bagaade — A hold to delete button for account deletion that makes the moment literally hot, the page catching fire from the button and burning through to a screen saying the account is gone.
  3. Nav Experiment 2.0 by Abhishek Bariya — A mobile navigation experiment where a round corner button fans out its menu along the curve of the phone screen, then folds back into the chosen icon and retints the screen.
  4. dotStar Wall Panel by Grigorii Merkushev — A smart home wall panel prototype for dotStar Technologies, built on a Raspberry Pi Compute Module 4, its interface a sphere of dots you scatter with a finger before the dashboard appears.
  5. Infinite Image Canvas by Anoop Chandrashekar — An infinite canvas iOS app for a personal image collection, where pinch and pan replace menus: zoom out to folders, open one, and each photo carries its own description, palette and tags.
  6. Generative UI by Dmytro Kondakov — A generative UI concept for an AI assistant that builds every answer out of its own particles, so the orb scatters into a flight board, a football scoreline or stock cards.
  7. BLOND Website Toggles by BLOND — The new website of an industrial design studio, built with Alright Studio around one top-centred toggle that sets how deep you dig, from Selected work down to prototypes and CAD.
  8. Fold Toolbar by Malay Patel — A toolbar micro-interaction for a drawing tool where tool groups unfold in place instead of opening a menu, then fold back with the chosen shape or pen as the new icon.
  9. Rubric Labs Website by Rubric Labs — The new website of Rubric Labs, an AI engineering agency that builds agents and trains models, introduced as its address is typed on a retro computer sitting in a salt flat at dusk.
  10. A Good Time for Your Screen by Rok Benedik — A product film teasing an old project brought back to life, a clock and date picker for your screen, its glowing orange numerals rising out of a dark room in warm light.
  11. bguillaume.info by Guillaume Berthonneau — The portfolio website of a Bordeaux graphic designer, where a 3D avatar walks past his projects in a carousel and turns into a negative of himself when dark mode is on.
  12. Grok Bot in X Chat by Grok Bot — An upsell modal in X Chat that invites people to try Grok Bot, the assistant that automates daily work, carried by a crowd of blob mascots that bounce and pile up.
  13. Liquid Storage by Alim Joldaspayev — A storage widget UI component in dark mode where each file type is a coloured liquid in one tube, so hovering a band makes it bulge and cleaning the cache visibly drains it.
  14. Framer Liquid Glass by Benjamin den Boer — Liquid Glass comes to the Framer editor, its sidebar of menus, tabs and search turned to refracting glass that bulges and fringes with colour under the cursor, then settles.
  15. Auction App by Andrey Rybin — A mobile UI for an art auction app, split between the seller’s dark flow, where a dial sets the length of the sale, and the bidder’s light feed of ceramics and vintage lots.
  16. Crypto Onboarding Wallet App by Andrey Rybin — Onboarding screens for Nova Wallet, a crypto wallet app, set in dark mode with textured 3D icons and headings that slip italic letters among upright ones as they slide in.
  17. Grok Bot Brand Decks by Benji Taylor — An AI agent in a chat interface that builds brand decks, a Grok Bot given to the whole team at X so anyone can make a great deck in seconds, and never in the wrong font.
  18. Timeline Scrollbar by Peng Zheng — A scrollbar UI component for a personal website that doubles as a timeline, with ratchet clicks, click to jump, drag to scrub and a long press that opens a focus ring, touch included.
  19. Garden Slider by Sasha Balandina — A progress bar turned into a garden, a slider micro-interaction where poppies, daisies and lavender sprout as the value grows and shed their petals when it falls back.
  20. Human, Meet Agent by Linear — A landing page for Linear for Agents that follows a lesson in motion, the bigger an element the slower and heavier it moves, as a flock of cursors drifts toward a reaching hand.
  21. Liquid Popover by Kopp — A liquid popover menu UI component in plain HTML, CSS and JavaScript with no dependencies, where menus pour out of their buttons like liquid and draw back in as they close.
  22. Voice Effect for SwiftUI by Jakub Antalik — A voice interface effect for SwiftUI that responds to how something is said, not only what: emotion read on device in the tone and the words tints the glow along the screen’s edge.
  23. Giza Crypto Agents by Bakers Studio — A crypto app design for Giza and its AI agents, a calm, almost tactile take on fintech mobile UI where the whole interface is built around one glowing pearly sphere holding the balance.
  24. Good Air Weather Timeline by Nihal Singh — A weather app timeline interaction for Good Air 2.0 on iOS, where the hours ahead are scrubbed rather than read: a thumb drags the forecast from blue afternoon into red dusk and night.
  25. Framer Custom Fonts by Benjamin den Boer — A UI animation for Framer’s redesigned custom fonts, with typeface grouping, live previews and better variable font support, where a liquid glass lens magnifies each font as it passes.

Featuring work by

Jakub Antalik, Benjamin den Boer, Andrey Rybin, Keshav Bagaade, Abhishek Bariya, Grigorii Merkushev, Anoop Chandrashekar, Dmytro Kondakov, BLOND, Malay Patel, Rubric Labs, Rok Benedik, Guillaume Berthonneau, Grok Bot, Alim Joldaspayev, Benji Taylor, Peng Zheng, Sasha Balandina, Linear, Kopp, Bakers Studio, Nihal Singh.

Related topics

Browse by category

Topics