Reading up on user-experience
100 deep · digging since nov 19, 25
- Fluoddity
Fluoddity invites users to explore an imaginative, interactive world featuring a responsive lava lamp and an evolvable ant farm, blending art and simulation.
- The entire city of San Francisco as a video game
Researchers have built an interactive video‑game model of San Francisco that lets players explore the city’s streets, landmarks, and transit systems in real‑time.
- Show HN: Make your logo extra bright on HDR screens
The Show HN post demonstrates a method or tool for increasing logo brightness on HDR screens, enabling logos to appear more vivid and striking on high dynamic range displays.
- Medium’s writerly favicons – Unsung
The author explains how Medium’s 2016 favicon change made the active writing tab more visible and aimed to encourage writers by giving the interface a subtle nod of recognition.
- Idiolect — your AI drafts, in your voice
Idiolect analyzes your personal writing style and rewrites AI-generated drafts to match it, scoring the result against your own text.
- Checking your connection...
The page informs users that the system is verifying their network connection before proceeding, displaying a loading spinner and advising them to wait a moment.
- Critical CSS Generator - Kigo Studio
Kigo Studio’s Critical CSS Generator extracts above‑the‑fold styles, shows how to inline or defer them, and includes an HN discussion on its utility and concerns.
- 5 CSS Properties You Should Know for Better Text Designs – Master.dev Blog
The article explains five CSS properties—background-clip, vertical-align/align-content, box-decoration-mode, letter-spacing, and text-combine-upright—to enhance web typography and text design for better visual appeal.
- The Making of Cursor's Icons
The article details how Cursor's design team created its distinctive icon set, outlining their iterative process, inspiration sources, and the tools used to achieve a cohesive visual language.
- Show HN: A terminal glued to the macOS dock
A Show HN post demonstrates a macOS terminal that stays pinned to the Dock, allowing quick access without overlapping windows.
- TanStack Hotkeys
TanStack Hotkeys is a type‑safe, cross‑platform library offering sequence detection, key‑state tracking, recording, and framework adapters for React and others.
- HTML Can Do That
HTML can create interactive UI components, animations, and data handling without JavaScript, leveraging CSS, custom elements, and the Shadow DOM to build rich interfaces directly in markup.
- A Charming Farmhouse Kitchen Is a Celebration of Craft
Eny Lee Parker and Soren Ferguson revived a Connecticut 1870s farmhouse kitchen by reusing original materials to highlight its historic craft.
- » The Life and Times of Maxis, Part 3: The Sims The Digital Antiquarian
Will Wright's survival of the 1991 Oakland Firestorm prompted The Sims' development, evolving from an architecture simulation ('Dollhouse') into a life-sim game through years of iterative design at Maxis.
- Cropping Images with CSS While Keeping a Focal Point in the Center
The post shows how to use CSS custom properties, object-fit, object-position, clamp, and container queries to crop images while keeping a chosen focal point centered.
- OpenAI Introduces ‘ChatGPT for Teens’ as Safety Concerns Grow
OpenAI has launched a teen‑focused ChatGPT mode that automatically restricts certain conversations to enhance safety for younger users and address parental concerns.
- TermDOM | Build Terminal UIs with HTML, CSS and DOM
TermDOM is a JavaScript library that renders real HTML and CSS in the terminal using a genuine DOM and CSS engine, enabling terminal UIs with standard web technologies.
- skills/skills/interface-review at main · jakubkrehel/skills
A GitHub repository provides agent skills for building great interfaces, including interface-review components like agents, SKILL.md, and supporting documentation.
- Guillaume Técher
Chrome uses JPEG partial IDCT scaling to decode only low-frequency data when rendering images at small scales, causing icons to render thicker due to lost edge detail, a behavior not shared by Firefox.
- GitHub - ericzakariasson/gloss: Personalize any website with a prompt. A floating orb screenshots the page, asks Grok, and streams new CSS onto it live.
Gloss is a Chrome extension that lets users personalize websites by sending a screenshot and prompt to the xAI Grok API to generate and inject live CSS and optional JavaScript.
- Google's classic Search button is gone in a new AI-first homepage
Google is testing an AI-first homepage for signed-out users that replaces the classic Search button with AI-powered shortcuts like Ask about files and Brainstorm, while Create images requires sign-in.
- Why you might want to build your WebApp in Canvas instead of HTML
The article argues that Canvas can be a better choice than HTML for web apps with complex spatial interfaces like zoomable workspaces, but warns it sacrifices accessibility and built-in browser features.
- WaitingFor.AI
WaitingFor.AI offers a relaxed, vibe-focused environment for developers to pass time while their coding agents process tasks, blending productivity with casual enjoyment.
- Build your rich-text editor - Plate
Plate provides a set of customizable, open-source plugins and components to help developers build rich-text editors with beautiful design and framework flexibility.
- Instant Space Switching for macOS
Space Rabbit is a minimal native macOS app that disables Spaces transition animations for instant, zero-configuration workspace switching.
- App Store Asset Best Practices and Resources - App Store - Apple Developer
This guide provides best practices and resources for creating effective App Store assets like screenshots, app previews, and creative elements that clearly communicate an app's value while meeting Apple's policies and design standards.
- Kill the Cookie Banner!
The EU Commission proposed a browser-level privacy signal to replace deceptive cookie banners, but the tracking industry, led by Google, is lobbying to block it.
- SwiftUI After 7 Years: A Story of Mediocrity: Will it ever stop feeling like a beta? — Yakov Manshin
SwiftUI after seven years remains unstable, performs poorly, and lacks API stability, forcing workarounds and reflecting Apple’s lowered quality standards.
- Stolen Buttons | Anatoly Zenkov
Anatoly Zenkov shares his collection of stolen website buttons, showcasing diverse designs and prompting HN discussion on standards, aesthetics, and automation.
- microcharts — Word-sized charts for React. Tiny sparklines & micro charts.
Microcharts offers 106 tiny, zero-dependency React chart components that render as inline SVG and fit in sentences or table cells.
- The Quirky, Luxurious and Stylish Cannabis Dispensaries of New York
NYC cannabis dispensaries use distinctive design, luxury elements, and curated vibes to stand out in a crowded legal market and attract experience-seeking customers.
- Show HN: tale.fyi, we deserve a home for fiction
The author introduces tale.fyi, a new platform designed to give fiction writers a dedicated space to share and discover stories.
- Design is compromise
The article argues that good design inevitably involves trade‑offs and compromises rather than perfect solutions, emphasizing that designers must balance aesthetics, functionality, and constraints.
- Elevators | Hacker News
The article explores the often-overlooked complexity of elevator systems, from scheduling algorithms to user experience.
- Decker, a platform that builds on the legacy of Hypercard and classic macOS
Decker revives Hypercard's spirit by offering a modern, scriptable platform for creating interactive multimedia apps on macOS and beyond today.
- The coolest use for the Vision Pro
The Apple Vision Pro's ability to create a private, high-resolution virtual workspace while traveling is its most compelling and practical use case.
- The AI Aesthetic - Jim Nielsen’s Blog
The article explores emerging AI-driven design motifs—sparkles, streaming and shimmering text, tiny icons, beige/orange palettes—and questions which will become lasting UI conventions.
- Candid Cam, Every Guest Photo, One QR Code
Candid Cam offers a QR‑code photo service where guests upload images via any phone, no app required, and hosts privately review and pay per event.
- Which Style of Sunglasses Is Right for You?
The article invites readers to take a quiz that matches their personality to the ideal sunglasses style, highlighting statement shades as a current fashion trend.
- Transitions.dev — Essential transitions for web apps
A curated collection of essential UI transitions for web apps, designed to be easily copied and pasted or integrated via the Skill tool.
- Would Your Life Make a Good Documentary?
TikTok and Instagram users are turning personal experiences such as toxic workplaces and unpleasant group chats into imagined documentary-style dramatic interview scenes.
- The Breakup Loop: Why the TikTok Algorithm May Keep You Heartbroken
Mental health experts warn that TikTok's algorithm floods users with breakup content, illustrating platforms' failure to protect against addictive design.
- SaaS Animation Websites - landing.love
Landing.love showcases SaaS website designs with full‑page video recordings, highlighting animated examples and recommending tools like Webflow, Framer, and Screen Studio for inspiration.
- posts.design - social post design inspiration
posts.design presents a curated gallery of 60 out of 291 social‑post design examples, serving as a reference wall for designers seeking ideas and trends in social‑media visual content.
- OG Image Inspiration — Recent
The page displays a gallery of recent Open Graph image examples from products such as Notion, Sketch, Popcorn, Opus, Clay, Equals, Fin, Attio, Warp, and Framer.
- Magnify | Canvas UI
Magnify is a dependency‑free UI component that places a sci‑fi scanner lens over the cursor, magnifying live page content with a HUD reticle, chromatic aberration, data readout, and click‑triggered ripples.
Takes
I should visit their office at some point, looks superb honestly. I have some of the furnitures displayed here in my own office, and I think they have a great taste! :)
@fatih
Question for ChatGPT iPhone users: have you figured out when to use Chat and when to use Work yet? What kind of tasks are you switching to Work for? Have you made Work your default?
@simonw
Just popped a new page on the HEY site with screenshots of the CLI and TUI, plus quick install info: https://www.hey.com/agents/ Also features a link to this wonderful guide by @flaviocopes: https://flaviocopes.com/hey-cli/
@jasonfried
I only installed Omarchy for a day, and at least 5 different programs have crashed.
@localhost_5173
One of the best third-party demos for Siri AI I've seen on iOS 27 yet.
@viticci
Music streaming is amazing. You can just play any track ever recorded. But I can never remember what I have saved, so I end up listening to the same stuff all the time. Weird paradox. Anyway, I made a cozy listening room so you can flip through & play your @Spotify albums:
@BornsteinMatt
A few updates to scheduled tasks in ChatGPT Work on web and mobile: Plus and Pro users can now set tasks to respond when something changes in Slack, Gmail, and Github, rather than just run on a set schedule. We’re also rolling out scheduled tasks in ChatGPT to Free users, who can create up to three tasks. You can also now share your favorite tasks for others to customize and use.
@ChatGPT
I'm a cleanshot guy dang if this launch video doesn't catch my attention.
@krispuckett
Designing Grok Bot with Grok Bot
@johnbai
I built a museum for AI interfaces. See how our interactions with AI have evolved at http://interfaces.kylejeong.com
@kylejeong
I'm kind of iffy on "skills discourse" but I think I came up with one so good that its worth sharing. The basic ask is to "describe the UX of my application completely". In doing so, agents will discover inconsistencies, bugs, and design errors that have never come up before
@steveruizok
Holy shit, I can't believe it took this long but I'm so happy it's finally here @1Password
@SoVeryCuul
Look at how clunky Chrome looks in Omarchy with its big dumb rounded tabs. Do people theme it to not look so out of place?
@bradgessler
This morning we launched an updated My Bar in Basecamp 5. Now everything's instantly within reach no matter where you are, full-size, full screen. We also added "My Activity" so you can quickly see what you've been up to, easily get back to something you did recently, jump back to a thread you've been involved with, or review your work whenever someone asks "What have you been working on lately?". Super nice, super fast, super efficient. Have at it!
@jasonfried
Today we’re releasing an early preview of the /design command in Claude Code! from CC Desktop or CLI, try something like "/design a few options for {feature}" before you build — pick your fave artboard, edit it and implement.
@nateparrott
It was the right call by @dhh to move Omarchy to use Quickshell, it is a delight to use, very happy I just migrated from waybar to it, so much more polished and pretty. Only took me a few hours to build this.
@samsaffron
Code is mostly solved, but design isn’t. Introducing Tastelint! An agent that runs on every PR and surfaces design feedback. Reply below if you’d like to try it.
@shl
Soar on X: "Book Flights As Easy As Ubers" / X
@soarflights
A recent addition to our /now page at Linear: Hovering over a video card will play the video starting from the frame visible on the thumbnail so it matches nicely. The Coinbase one is especially satisfying (a very nice video too!).
@emilkowalski
We've gotten a lot of great questions on privacy implications of Computer History. Here's a few things we've done to build a super powerful feature while keeping things private. First off, you can review all of your Computer History in the timeline view:
@AriX
I added a light mode version called Monterey Daylight and also created an auto light/dark mode HEIC version using the excellent Equinox app for the Mac. https://github.com/codejake/Jake-Wallpapers
@codejake
Look how good these themes are. They permeate through the app plus into the terminal. We built out a set of 41 fully original human designer curated themes. We also built a full in browser theme editor. The plan is to open source with a permissive license and package them all up for all the most popular tools (editors, terms, etc.). These aren’t just for our product. “Why?” There’s a lot of beautiful themes out there that are questionable on licensing. This enables us to give out a truly unencumbered set of themes spanning all those styles. Plus, beauty matters. Customization matters.
@mitchellh
Adding your computer history seamlessly as context is a tough nut to crack - balancing strong understanding and accuracy of your activities, providing transparency to back that up, all while building trust without feeling creepy. We circled a lot of these ideas at Rewind and Limitless AI. This looks well done, curious to give it a try.
@Stammy
Here's a peek at continual improvement in Basecamp 5. We're redesigning the way the My Bar works at the bottom. Easier to see what you want, getting the stuff that doesn't matter out of the way. More functionality where it belongs, fewer round trips to other places. Plus we're putting your activity front and center so it's super easy to get back to something you did recently. Less digging, less wandering — it's just right there. In some ways a subtle improvement on something that already exists, in other ways a huge leap forward that feels brand new. Exactly the combination we're always aiming for. Coming shortly!
@jasonfried
I recently wanted to record a picture-in-picture video like this and was surprised there's no clear "winner" app in this space, at least not that I could see. There's no simple app that just records the video to your local drive, with some style options.
@yongfook
/show-me: compact visual representations for coding agents
@dexhorthy
how to make your site readable by ai agents: 1. add an llms.txt so search tools stop guessing urls 2. check your server logs, not your analytics 3. serve a markdown version of every page 4. support content negotiation headers 5. rethink your JS-only widgets
@zenorocha
Sharing some more UI previews for Superlogical, this time the "tab peek." If you three-finger swipe down, you can "peek" at the other session tabs. These are live-updating, metal-rendered previews including splits. If you keep dragging, you enter a "mission control" style mode. This is one of those UI patterns that once you get used to, you mindlessly find yourself doing it ALL THE TIME. It's a great way to quickly take a look at everything thats going on. You aren't reading the mini text of course, but the shape of it tells you a lot about where things are. The peek pushes the terminal down off screen, it doesn't resize it, so it doesn't force any weird reflow or anything either. There's a lot more to talk about, especially about how this interacts with how we expose what needs attention so you can easily find the terminals/sessions/etc. that require your attention. Of course, you'll be able to drive this with the keyboard too. :) As always, a disclaimer: this is all early work subject to change, just trying to share some of what we're building in public. A lot of the UI experiential design is @almonk so follow him for more updates too!
@mitchellh
brilliant launch, will be giving this a go
@nickvasiles
oh my god the new opencode desktop is absolutely gorgeous
@dhruvtwt_
Here’s a video of the app in action for those who can’t get it or haven’t seen it.
@jasonfried
this is sick https://beautiful-ui-five.vercel.app
@scottymatt
The ATC app is one of the best products I've seen in a while. Lovely UI, novel displays, replays, the matching of visual flight tracking with ATC chatter, following a flight and getting ATC / pilot chatter in a chat-like UI, etc. Super, super well done. https://apps.apple.com/us/app/atc-live-air-traffic-radio/id6755132266
@jasonfried
Are agents really killing UI?
@posthog
Stop what you are doing and watch this talk https://www.youtube.com/watch?v=87DyyMV0kCY
@tobi
Obsessing about Omarchy's install time was directly downstream from the outrage exhibited here. We don't need to live like this! New computers should be ready to use right away.
@dhh
New component: Questionnaire. Use it to build multi-step question flows, like agents asking follow-up questions. Supports single and multiple choice, freeform answers, skippable and conditional steps, controlled and resumable state, custom progress, bring-your-own validation, full keyboard navigation with answer shortcuts, ssr-ready, accessible and composable. Available for Base UI, Radix, React Aria in all styles. Also available as unstyled headless in shadcn/react.
@shadcn
I'm using macOS for more than 14 years now, in a single laptop screen setup with lots of windows open, and I'm using macOS spaces everyday to organize my windows. Switching between spaces is easy: I hit CTRL+arrow left/right, it takes no time. What takes time however, is this macOS-native transition animation that takes a bit less than 1 second, for every single space switch. I've checked everywhere in macOS settings, asked friends with the same problem, and there's just no setting to disable this effect (even with Reduced Motion ON in Accessibility settings). This UX choice from Apple alone costs me days of my time every year, as I'm working non-stop on my SaaS business for 10h a day 5-6 days a week (Crisp for those who know about it!). I calculated that with my daily use of macOS spaces, in 6 months I'd perform 100,000 switches, which costs me the same in seconds waiting for the transition to complete. This represents almost 28 hours waiting. In 1 year, I'd have lost 2.4 days just... waiting! The Hack Fortunately, some other open-source projects discovered a hack not so long ago, which allows disabling the transition when switching spaces: it involves sending to the system a "fake" trackpad left/right swipe gesture that's faster than what's expected (faster than what a human can input via the Macbook's trackpad). Above some threshold, macOS just perform the space switch with absolutely no transition. A friend of mine, @yaeeelglx, made a quick prototype in Objective-C, and it magically worked! The Solution So, I asked my friend if we could make it a proper macOS app together, in a beautiful minimalist package, and he said yes! So, we launched Space Rabbit, a tiny 2MB fully native macOS app, that allows you to optimize macOS spaces for productivity! Space Rabbit is a full rewrite of the initial prototype in modern Swift, with a tray menu bar to configure the app, and a settings window, in a macOS app packaging. Space Rabbit can be downloaded right here:
@valeriansaliou
Always be nice to your LLM.
@yongfook
I’ve come to the realization that X might be the least toxic space for a woman in tech. I was recently featured in a @wsj_com article about solo founders, and it was one of the few bits of media I’ve done that has escaped containment: posts on Facebook, high school friends, random relatives, etc. seem to all have been served the article on social and pinged me nice notes & links. And WOW the public comments on gen pop social posts were a very unwelcome reminder on what it’s like to put yourself out there as a female entrepreneur: being called a fraud, reprimanded to put mothering first, called a liar, presuming “tech exec” is code for “low level product owner”, calling me a no-nothing MBA fake (what?), calling me a Bay Area baby born with a silver spoon (what??!), denigrating my technical chops, comments that my only advantage is being hot, or a TikTok influencer, and getting LinkedIn connections from men asking how I stay looking 25 in my 40s 🫠 Anyway I could not be more grateful for this hellsite where you all take me at face value, I can share honest experiences and thoughts, debate in relative good faith, beep boop my AI hacks, laugh, and only occasionally poke the trolls. I never thought I’d say this: but X is the place I get the most respect online as a leader, engineer, and mom. What a world. If only we could get rid of the AI reply guys and fix search, this might be heaven.
@clairevo
elio on X: "all the bookmarks you never came back to, in a library built for you." / X
@iameliodas
a few months later and i'm starting to see the value in claude design i'm a designer, so i don't expect this to do actual great ui designs for me, at least not yet. that framing change helps a lot i think it's a very helpful tool for the *product* part of product design. put a lot of detail into describing the space/problem/ideas, provide it a .fig with a very constrained set of references (i give it 2-3 example mocks), then have it generate lots of iterations. i treat the designs like wireframes and it's the concepts and framing that is helpful before i go back to figma to design it myself (i've also been using gpt 5.6 pro with it - give it a lot of the content, then show some of the designs and reasoning in text, and do that back and forth a few times) Separately, been seeing the PM on my team use it to help rapidly ideate on a lot of cool prototypes.
@Stammy
Deck icons: a dynamically changing set of icons based on what's running in your multiplexer. You've seen SuperSplit (early iterations) before, but this is also a small showcase of SuperTabs, our custom native tab kit. And yes, vertical tabs already work too.
@mitchellh
nice to see http://apple.com inspired by http://loot.photos
@marckohlbrugge
I don't want to call any app out specifically but there's a trend of UIs that are v complex. Tons of features, layers deep, hidden settings in pop ups / modals, left nav filled with icons. Is this bc of AI slop or is it a modern trend? Any examples of "beautiful" UI in 2026?
@yongfook
Code Awake 1.0.11 is out ✨ New dim screen with a minimal clock, smarter Auto Turn Off reminders, improved menu controls, and best-effort Closed Lid mode. Free. https://codeawake.uk
@artsvit
i am late to the game but i've finally switched to talking to my claude design with voice and this is the way. feels (more) like working with a human collaborator, where i talk and wave my cursor around the screen pointing at things
@triketora
I talk to my computer and personal OS all the time. Why shouldn't I talk to my fitness/cycling coach. But with a waveform that I think looks pretty rad, lol. Still a few bugs on loading but I'm out of usage until tonight.
@krispuckett
A new design pattern that's popping up: tab + dropdown Navigational tabs mixed with complex dropdown behaviour, mimicking a mega menu! Our apps are getting so complex that we're bending traditional simplicity rules Alternatives may include: DropTab PillDrop MegaTab PopTab
@disco_lu
Launching Copper, a Mac app for capturing things you want to keep and prompts you want to try next while working with AI. The more I use AI, the more I find myself collecting little things I don't want to lose. You're in ChatGPT and think, "I'll need this later," but you don't want to stop what you're doing. Then you're in Claude. Cursor. Chrome. Back to ChatGPT. Before long, you've got little things scattered everywhere. An answer you want to keep. A link. An idea. Or three follow-up prompts before the current one has even finished generating. I had this problem, so I built Copper. Copper combines the useful parts of a to-do list, a clipboard, and a scratchpad. It's built specifically for AI-assisted work. It sits next to where you work and is always one shortcut away. It works with all your AI apps, terminals and browsers. Whenever I find something worth keeping, I capture it. If I think of a few prompts while the AI is still responding, I type them into Copper. Then I send them back into ChatGPT, Claude, or Cursor and check them off as I go. Copper is local and private. It doesn't sync anything, doesn't collect anything, and doesn't need an account. I've used Copper every day for the past few months. It has completely changed how I work. If this feels like something you'd use, it's $39. One-time purchase.
@shadcn
Animated backgrounds, text effects, buttons, image galleries, and WebGL components. These three libraries cover a lot of what makes a landing page feel alive:
@MengTo
Built this using Higgsfield + Cursor Composer 2.5 + my custom landing-page-design-skill.md file. It reminds me that models don't matter. Skills do.
@elayadesigns
Raycast is my favorite example when people ask me about designing keyboard shortcuts. Most of us try to make shortcuts memorable. T is for theme, so I'm going to make option+t toggle theme. That's fine. But you need to consider user's hand placement. Are they using your app one-handed, or are both hands already on the keyboard (like right after launching Raycast)? Which common actions a user might be need both a pointer and a keyboard to do? Raycast gets this. Really well. The shortcut should meet the hand where it already is.
@shadcn
The masculine urge to redesign TrustMRR's chart with this gorgeous library
@marclou