Danilo Leal | Designer

A design engineer working on Zed. I really enjoy reading his articles, especially the way he thinks about design, engineering, and product.

Flora Guo

A design engineer and blogger sharing her career journey, what she’s reading, and useful resources from her transition from designer to design engineer.

Re-mind

A collection of curated links by Danilo Campos.

Good websites

A curated collection of inspirational, well-designed websites

Composio

Attractive and engaging landing page

COSS UI

A new, modern UI component library built on top of Base UI.

v0 by Vercel

v0 is a product created by an internal startup within Vercel. What sets it apart from other AI web generation platforms is Vercel's comprehensive ecosystem and the fact that the quality of the generated pages is significantly higher than its competitors. I highly recommend everyone give it a try!

Base UI

Unstyled UI components for building accessible web apps and design systems.

Floating UI - Create tooltips, popovers, dropdowns, and more

A JavaScript library for positioning floating elements and creating interactions for them. Both radix-ui and base-ui use it.

Design Arena

Design Arena is the largest global crowdsourced benchmark for design. Challenge, Vote, Crown your Winner.

Framer Gallery: Explore the Best Websites Built with Framer

Get inspired by our gallery of the best website designs on the internet. Build a website in Framer's no-code website builder and submit it to the Framer Website Design Gallery for a chance to win a monthly website design award.

Discover the stories and tech behind your favorite apps

Discover what makes your favorite apps so special—from their origin stories and tech stacks to the tools their teams use every day. Build smarter by learning from the best.

Variant – Endless designs for your ideas, just scroll

Enter an idea for an app or website and see endless design options simply by scrolling.

Spotted in Production

Discover great apps

Mitchell Hashimoto

Mitchell Hashimoto's personal website, detailing his background as a developer and co-founder of HashiCorp, and his current work on Ghostty, a new terminal emulator.

Jakub Krehel

Design Engineer

Phosphoricons

Following Lucide, this is my favorite icon set. Its style is very modern and beautiful, and I highly recommend using it for personal projects!

Claude Code in Action

Claude Code in Action is an online course offered by Anthropic, covering various Claude Code usage techniques to enhance productivity. It comes highly recommended!

Awwwards

Awwwads is a website I'm particularly fond of. It curates the world's top and most inspiring web design cases, making it an excellent source of inspiration.

components.build

Co-authored by Hayden Bleasel and shadcn, this guide presents best practices for building UI component libraries. Its aim is to empower everyone to create UI components that are composable, accessible, and easily adoptable.

paco.me

bossadizenith.me

UI Land

The website has collected a wealth of design engineering resources!

Not a Number

The website's style is very impressive, and with its many foundational software articles, it's definitely worth a visit.

Infinite Canvas

If you're interested in 2D Canvas and looking for learning resources, this website has compiled almost all whiteboard applications, and it's definitely worth checking out!

Happy Hues

When working on side projects, it often takes time to come up with an appealing color palette to serve as the foundation for your design system's colors. Happy Hues offers many templates for inspiration, and I highly recommend it!

patterns.dev

patterns.dev covers common frontend design patterns, with dedicated chapters on Vanilla (JavaScript) and the two major frontend UI libraries, React and Vue!

Speeding up the JavaScript ecosystem

Authored by Marvin Hagemeister, a core contributor to Preact, this series of articles explores how to optimize a specific package in each installment. It is highly recommended!

Let's Build a Simple Database

SQL is arguably a fundamental and essential skill for software engineers, yet its underlying logic is relatively less understood. This series of articles will hand-hold readers through the practical application of basic database syntax like Select and Insert, and explain why a B-Tree structure is needed to organize and index data. It is highly worth a read.

GreatFrontEnd

GreatFrontEnd is an interview preparation website specifically designed for frontend engineers. It covers a wide range of topics, from implementing fundamental JavaScript functions to building UI components. The platform also features a curated series of frontend system design articles. With a lifetime subscription available at an affordable price point, it comes highly recommended for those who need it.

Hello Interview

Hello Interview offers exceptional quality system design articles, covering everything from foundational knowledge to the design of various systems. Each piece explains complex concepts in an accessible yet comprehensive manner, guiding readers to understand and evaluate trade-offs. It comes highly recommended, whether you're preparing for an interview or looking to enhance your system design skills!

Introduction to Model Context Protocol

Anthropic Academy's introductory MCP course is taught by Stephen Grider, a highly-regarded instructor on Udemy. The course content offers a straightforward and easy-to-understand introduction to developing MCPs.

MAKING SOFTWARE

"MAKING SOFTWARE," written by Dan Hollick, features an impressive website UI. Its content focuses on explaining how the technology behind software works and is continuously updated. It comes highly recommended for everyone to read!

Google Gemini

When I run out of Claude credits, Google Gemini is my second choice — affordable, generous with limits, and genuinely capable overall.

Fancy Components

Fancy Components not only comes with a variety of ready-to-use web effects, but its overall architecture and usage patterns are also inspired by shadcn/ui, making it almost seamless for users already familiar with that library.

Claude AI

I've subscribed to both OpenAI and Google Gemini, but Claude helps me the most when I’m learning or coding. With MCP integration, I can even control other tools — so it's easily the AI I use the most every day.

React Spectrum

React Spectrum is a headless UI design system developed by Adobe, built on top of the React Aria architecture. It offers a comprehensive set of unstyled components, along with corresponding hooks for each one, making it easy for developers to customize as needed. One of its main contributors, Devon Govett, is a software engineer I deeply admire.

Arc Browser

Arc is my primary browser these days. Its clean, intuitive interface makes browsing a joy.

Readwise

Whenever I come across something I want to read — whether it's a webpage, book, or article — I save it to Readwise first. Then I go through and organize everything during my weekly review sessions.

Levels.fyi

If you're a software engineer, it's a must to check Levels.fyi before entering any salary negotiation. It gives you a clear idea of what to expect for the role you're applying for, and it's widely considered one of the most comprehensive salary databases for software engineering roles across major tech companies.

Toggl

Toggl is a time-tracking tool I've been using since college to log my study hours. It comes with a built-in Pomodoro timer and offers visual reports that help you clearly see how your time is spent across different tasks.

Notion Faces

If you like Notion's avatar design style, give Notion Faces a try. It's a site launched by Notion in 2025 that lets users create custom Notion-style profile pictures.

Linear

Linear is an excellent project management tool I use day and night. It integrates smoothly with Claude via MCP and offers a clean, user-friendly interface.

shadcn/ui

shadcn/ui is one of 2024’s most popular React component libraries. Built on Radix UI and styled with Tailwind CSS, it offers copy-paste-ready components that balance speed and flexibility.

Frontend Mastery

Frontend Mastery is packed with high-quality content on React and frontend development. I almost always walk away from an article with an “aha!” moment.

Jules Blom

Jules Blom’s blog covers a variety of React Hooks APIs, with each article written in a way that’s both in-depth and easy to understand. The posts also include plenty of interactive examples that help reinforce the concepts.

Josh W. Comeau

If I had to name the blogger who's best at explaining frontend concepts, Josh W. Comeau would be the first one that comes to mind. His articles are clear and approachable, often paired with interactive examples. Every post is worth bookmarking and perfect for revisiting key concepts.

Radix UI

A powerful headless component library for building high-quality, accessible design systems.