Best of UI Design — November 2025

  1. 1
    Article
    Avatar of qtQt·26w

    Atomic Design Systems: Why the Labels Don’t Matter

    Atomic design remains relevant in 2025, but not through rigid chemistry labels. The methodology's creator, Brad Frost, confirms the labels were never the point—hierarchical composition is. Modern design systems should use semantic, purpose-driven naming (like Modal.Warning.SpeedLimit instead of Organism_7) that communicates intent clearly. Design tokens have become the essential foundation layer, providing single sources of truth for colors, spacing, and typography. Templates and pages remain valuable for maintaining layout consistency. The key is building systems that help teams create better products faster, not debating whether components are atoms or molecules.

  2. 2
    Article
    Avatar of logrocketLogRocket·26w

    Is retro design making a comeback?

    Retro design elements from the 90s—neon colors, pixel art, maximalist layouts, and bold typography—are resurging in modern interfaces. The piece explores how nostalgic design patterns can boost user engagement and brand identity when balanced with contemporary UX principles. It examines which vintage aesthetics work today, common pitfalls to avoid, and frameworks for blending nostalgia with accessibility and usability standards.

  3. 3
    Article
    Avatar of nordicapisNordic APIs·29w

    10 APIs for UI Designers to Check Out

    A curated list of 10 APIs that streamline UI design workflows, covering icons (Noun Project), color management (Color API), typography (Google Fonts), gradients (UI Gradients), stock images (Unsplash), design tools (Figma, Sketch), databases (Airtable), analytics (Google Analytics), and file sharing (Dropbox). Each API helps designers access assets, automate tasks, and maintain consistency without leaving their development environment.

  4. 4
    Video
    Avatar of gamefromscratchGamefromscratch·29w

    Godot UI -- From Worst to First?

    Godot 4.6 introduces a major UI redesign based on the Passive Star theme, transforming the editor's aesthetics with improved spacing, modern fonts, and better visual hierarchy. The new default theme can be switched back to classic if preferred. The update compares Godot's evolution against Unity and Unreal Engine interfaces, arguing that Godot has moved from having the least appealing UI to potentially the most polished among major game engines.

  5. 5
    Article
    Avatar of 6itxzon1aa0yopmettuhtJhojan·27w

    Buttony UI — Modern Button Collection

    Buttony UI is a curated collection of modern button designs featuring original creations and works from talented designers like ibelick and guhrodrrigues. The collection includes various styles ranging from glassmorphism and minimalist designs to advanced effects like 3D transforms, magnetic interactions, and animated borders. Each button style offers unique visual effects including scaling, sliding, stretching, glitch effects, and cursor-following parallax, providing developers with ready-to-use UI components for web projects.

  6. 6
    Video
    Avatar of juxtopposedJuxtopposed·25w

    I Redesigned App UIs "LITERALLY"

    A creative exploration of redesigning popular software interfaces based on their literal names. The author reimagines Blender as an actual blender with cylindrical workspace, SoundCloud as cloud-shaped music players, 7zip with seven zippers as progress bars, Steam with industrial pipes and valves, Obsidian with Minecraft-style blocks over lava, Chrome as metallic chromium, Telegram as vintage telegraph messages, TikTok with a prominent time counter, and Letterboxd as movie stamps in envelopes. Each redesign transforms functional UI elements into thematic visual metaphors while maintaining core functionality.

  7. 7
    Article
    Avatar of logrocketLogRocket·26w

    How did 90s web design influence modern UX?

    Explores how experimental web design from the 1990s — characterized by bold typography, animated GIFs, and vibrant color schemes — laid the groundwork for contemporary UX principles. Examines the evolution from chaotic early web aesthetics to structured, user-centered design practices that prioritize usability and cognitive patterns.

  8. 8
    Article
    Avatar of csharpcornerC# Corner·26w

    Advanced CSS Grid Layouts for Professional UI Design (2025 Guide)

    A comprehensive guide to CSS Grid for building professional two-dimensional layouts. Covers advanced features like grid-template-areas, minmax(), auto-fit/auto-fill, and the fr unit. Includes five real-world examples with code: admin dashboards, Pinterest-style masonry layouts, landing pages with overlapping elements, e-commerce product grids, and dual-sidebar layouts. Demonstrates responsive design techniques that minimize media queries and explains when to use Grid over Flexbox for complex UI structures.

  9. 9
    Video
    Avatar of joshtriedcodingJosh tried coding·26w

    This New Tailwind Plugin is Awesome

    The new CSS corner-shape property enables native support for squircles (square-circle hybrids) and other corner shapes that were previously difficult to implement. Currently supported in Chrome and Edge, the property works with border-radius to create smoother, more visually appealing corners. A Tailwind plugin by Brandon Mecconell provides utility classes for easy implementation, with graceful fallbacks for unsupported browsers like Firefox and Safari that default to standard border-radius styling.

  10. 10
    Article
    Avatar of wpmayorWP Mayor·26w

    Better Block Editor Review: A Lightweight Block Editor Companion for Next-Level Responsive Design

    Better Block Editor is a free WordPress plugin that extends the native Block Editor with responsive controls, animations, and hover effects without requiring custom CSS. It adds breakpoint-specific settings for layouts, visibility controls for different screen sizes, and customizable navigation collapse points. The plugin maintains content portability by building on core WordPress blocks rather than proprietary components, making it suitable for developers who want enhanced responsive design capabilities while staying within the WordPress ecosystem. It includes site templates and works with any Block theme.

  11. 11
    Video
    Avatar of designcourseDesignCourse·28w

    Go from VIBE DESIGNS to PRO DESIGN - 2 TIPS

    Two practical methods transform basic website layouts into polished, professional designs: using curated design inspiration from real, live applications to inform unique section designs, and implementing strategic animations and interactions using tools like CSS keyframes, Rive, and Framer Motion. The approach emphasizes making each section contextually relevant to the specific business rather than relying on generic templates, while leveraging AI-assisted development to implement complex animations without manual coding.

  12. 12
    Article
    Avatar of allfrontendAll Frontend·26w

    Buttony UI — Modern Button Collection

    Buttony UI is a curated collection of modern button designs featuring original creations alongside works from notable UI designers like ibelick and guhrodrrigues. The collection includes various button styles ranging from glassmorphism and minimalist designs to advanced effects like 3D transforms, magnetic cursor interactions, and animated borders. Each collection is properly attributed to its creator with links to their official profiles.

  13. 13
    Article
    Avatar of css_tricksCSS-Tricks·28w

    Headings: Semantics, Fluidity, and Styling — Oh My!

    Explores three key aspects of HTML headings: proper semantic placement of h1 elements relative to header and main landmarks for screen reader accessibility, implementing fluid typography using clamp() with viewport-relative units while maintaining zoom accessibility, and the new CSS :heading pseudo-class in Firefox Nightly that simplifies heading selection beyond traditional element selectors.

  14. 14
    Article
    Avatar of uxplanetUX Planet·28w

    UI Design with Midjourney

    A practical guide to generating UI designs using Midjourney v7, including a reusable prompt template, best practices for achieving functional results, and real examples of generated outputs. Key techniques include using design-specific vocabulary instead of artistic terms, referencing established design systems like Material Design 3 or Apple HIG, and adjusting parameters like aspect ratio and style settings. The generated visuals work best for early-phase design exploration and look-and-feel experimentation before moving to high-fidelity tools like Figma.

  15. 15
    Article
    Avatar of devjourneyDeveloper's Journey·28w

    Mobile app UI for Figma

    A Figma library offering mobile app UI components and design system resources to help developers and designers create user-friendly mobile applications.

See all UI Design archives