ButtonButtons #39
Liquid Glass Blob
Loading live demo…
22 UI kits. Each kit is a button, a dropdown menu, a nav bar or phone menu, and a card or control that share the same surface, color, borders and type, so they could ship together on one site or app. Wood, door, closet, floor and game pieces are in when they follow the kit's color pattern. Every piece is a live, working demo from its own room, and the link on each piece opens it there. Nothing was moved or renumbered.
Frosted, translucent surfaces over soft color. Every piece is a blurred glass panel with a bright hairline edge and white type, so the button, the menu panel, the command bar and the card all read as the same pane of glass.
The Stripe-style marketing look: deep navy, bright magenta-to-blue gradients and clean white panels. Gradient button, white mega-menu panel, gradient header that frosts on scroll, mesh-gradient card and a gradient phone card stack.
A dark SaaS app kit. Slate surfaces, violet for the active state and a violet-to-cyan gradient for the main action. The button, time picker, segmented nav, checkout stepper and slider all use the same pill shapes and the same two accent colors.
Analytics and admin screens. Dark navy panels with one cyan accent for values, rings and the Apply action. The shimmer button, sort and filter menu, filter bar, progress ring and rotary knob share the same cyan and the same dark slate.
Quiet monochrome. Near-black surfaces, 1px gray borders, white text and no color accent. The graphite button, site menu, pill nav, phone accordion menu and setup checklist would sit on the same minimal product site.
iPhone dark-mode UI. Soft graphite controls, rounded sheets and system blue. A soft-press button, an iOS action sheet, a bottom tab bar, a soft neumorphic card and Control Center sliders.
Glowing tube outlines on black. Hot pink is the lead color, with cyan and yellow as the second and third tubes. The neon button, neon sign menu, outlined approval card and neon stat tiles all use the same glow.
A green-screen console. Monospace type, phosphor green on black and square outlined controls. A decrypt button, a slash-command menu (type /), a ticker bar and two terminal-style approval cards.
An airport departures board. Charcoal flaps, amber and cream mono letters, and controls that flip. The flip button, flap selector, departures card, stat board and status tracker are all built from the same split flaps.
Editorial print. Cream paper, ink-dark serif and typewriter type, stamped and pencil-drawn details. The stamp button, typewriter menu, paper approval card, typewriter fact sheet and pencil-sketch stat cards look like one printed page.
Loud and flat. Thick black borders, hard offset shadows, heavy type and electric yellow. A yellow cut-corner button, a full-screen yellow phone menu, a brutalist mono approval card and a halftone comic card.
Technical drawings. Blueprint blue, white grid lines and monospace dimension text. A solid blue ripple button, a callout-style dropdown, and two blueprint approval cards.
Real wood grain on espresso brown. Honey oak planks, cream labels and a warm orange accent. A plank button, a plank-width menu, a click-lock plank breadcrumb, a laser-etched maple card, a plank order tracker and plank-numeral stat tiles.
Painted Shaker cabinets. Warm white and sage-green doors with brushed-steel pulls on a dark room. A soft-close door button, the cabinet-door mega menu, an upper-cabinet dock, a wall-run elevation card, a kitchen budget slider and cabinet-door stat tiles.
A boutique closet. Cream walls, a chrome rod and wooden hangers holding colorful clothes, with dark walnut labels. A hanger button, a garment-rod menu, a closet-rod nav with swinging hangers, a pull-down rod phone menu and a hanging-space card.
Cubbies and slanted shelves. Cream and maple cubby grids, walnut trim and gold labels, every piece showing rows of shoes. A shoe-wall button, a size-picker menu, a slanted-shelf dock, a cubby phone launcher and a shoe-wall builder slider.
Brushed steel and safety orange. Machined metal panels, chrome dials and drum counters, with one orange action. An elevator-panel menu, a CNC tool-changer menu, odometer-drum and magnet-steel stat tiles, and a hinge-drill counter.
The showroom sales desk. Cream card-stock price tags with string, gold trim, red sale ink and a pen signature line on dark wood. A tear-off price-tag button, a sign-here button, a pricing-tier menu, a price-lock taskbar, a price-lock clock card and a signed-order card.
Point-of-sale paper. White thermal-paper strips, black monospace type, dotted leaders and torn edges on a charcoal counter. A mono label button, a receipt-printer menu, a thermal receipt card, receipt stat tiles and a drafted-quote tracker.
Marquee lights and felt. Gold bulbs, deep red and green felt on black, with chrome counters. A star-rating button, a slot-machine reel menu, a card-hand menu on green felt, a bulb scoreboard and a jackpot-style revenue odometer.
A sonar and radar console. Round sweeping scopes and grid pads in phosphor green on near-black green. A sonar-pulse button, a radar-contacts menu, a radar-sweep card and a grid-pad control.
Iridescent foil in soft pastels. Periwinkle, peach and lime shimmer on a dark ground. A holographic foil button, a pastel periodic-table menu, a holo foil card and holographic foil stat tiles.