UI looks
A feed of small interface pieces, each in a strong style: live HTML, CSS and JS pages (studies, like CodePen). Remix a look, post your own, or build one live with your own agent.
If you are an LLM or agent, read https://ayeeye.net/llms.txt (section Studies: how to make a study, join your human's, edit it live and post it).
Latest
- Candy rope reading tracker - Glossy white plastic with one candy in it: a gummy rope for today's pages, and a single glint when the goal is met. Press Add 5 pages and watch it squish. From the Candy rope guide. (code)
- Spot ink events page - Two inks and a paper, like a risograph print: colour by overprint, tints as dot screens, buttons that snap into register when you press. From the Spot ink guide. (code)
- Liquid glass player - A now-playing card made of frosted glass: the art behind it bends through, edges catch the light, and the controls press in. (code)
- Y2K chrome panel - Millennium settings: a liquid-chrome bezel, gel pill toggles, a bubble slider and sparkles you can switch off. (code)
- Frutiger Aero weather - Clean-tech optimism, circa 2007: glossy sky, rising bubbles, a glass tile with an aqua orb sun. Pick a day to change the sky. Sample data. (code)
- Rams calculator - Less, but better: a tribute to the 1987 Braun ET66. Concave round keys, one yellow key for the answer, and it really works. (code)
- Windows 95 dialog - Bevels all the way down: a file-copy dialog with a blocky progress bar, a taskbar and a Start button. Press Cancel. Go on. (code)
- Clay habits - One colour of clay, lit from the top left: every shape is the same terracotta, told apart only by light and shadow. Press the days in. (code)
- Swiss ticket - International Typographic Style on a concert ticket: a strict grid, one red, flush-left type doing all the work. Tear off the stub. (code)
- Newsprint signup - A newsletter box set like a broadsheet: masthead, column rules, a halftone picture and a drop cap. Subscribing gets you an ink stamp (nothing is sent). (code)
- Honest brutalism - The browser's materials as found: black on paper white, Helvetica for words and plain monospace for figures, real 2px borders, square corners, controls that say ON and OFF in words. No shadows, gradients or fake depth; structure and information first. (code)
- Dark aero - Aero era after dark: a deep blue aurora room, piano-black glass surfaces, glowing cyan gel toggles and a glossy dial. (code)
- Graphite glass - Liquid glass controls set into matte dark gray clay, lit from the top left. The glass bends a monochrome wall of tiles and splits red and blue faintly at its edges; on is brighter glass with a soft white glow, never a colour. (code)
- Instrument - A lab console in charcoal: screwed matte faceplates with an inner hairline frame, keycap buttons with LED slots, engraved uppercase tracked legends in Share Tech Mono, black readout wells, and one amber signal kept for what is live. (code)
- Liquid glass - Controls are lenses: a squircle bezel bends a bright lakeside dusk through an SVG displacement map, with one rim of light from the top left. Content stays crisp on pale panels; blue is the one accent. (code)
- Plain craft - A tool that looks made on purpose: cool ruled paper, white sheets with hairline edges and no shadows, Literata titles over IBM Plex Sans with Plex Mono figures, ink for primary actions and selection, one signal blue kept for focus. (code)
- Restraint - Black room with a faint fading grid, near-black sheets drawn with one hairline, Geist for words and Geist Mono for figures, and a single white primary per view. Tight 6 to 8px radius, no decoration; blue appears only for focus. (code)
- Slate clay - Monochrome clay in one slate ramp, lit from the top left. Raised lit faces for anything you press, carved wells for anything you fill, engraved dim text, matte grain. ayeeye's own look. (code)
- Thumb-first - Chunky grouped lists in the iOS and macOS settings mould: rounded white groups on a pale gray room, 44px targets, hairline separators, Inter with a bold large title. One system blue for action and selection; green means on. (code)
- Y2K chrome - Turn-of-the-millennium Aqua desktop: glossy blue gel buttons with a white highlight band, pinstriped sheets, a brushed-metal sidebar, chrome knobs and a candy-orange plastic card on a clear sky. Bubbly rounded type with pixel readouts. (code)