My Bookmarks
Level up with 100% custom, crisp, unlocked & unlimited iPhone, Android from 1,000,000 angles. 4K. Download free for any Mac.
Server Mono is a typeface inspired by typewriters, Apple's San Francisco Mono, ASCII art, command-line interfaces, and programming tools.
UNCUT.wtf is a free typeface catalogue, focusing on somewhat contemporary type. There are currently 160 typefaces featured.
Built with TypeScript and React, Payload is a headless CMS and application framework. Power anything.
Hasköy is an open-source variable sans-serif typeface family - ertekinno/haskoy
Hubot Sans, a variable font from GitHub.
Hasköy is a variable sans-serif typeface family. Designed with powerful opentype features and each weight includes latin-extended language support, stylistic alternates, fractions, tabular figures, arrows and more.
Powerful banking. Simplified finances. Apply in 10 minutes for business banking that transforms how you operate.
A digital brand studio based in Portland, OR. We build hybrid design systems that combine brand expression and product experience.
Need some placeholder logos for your designs? We've put together a collection of fictional logos in SVG format to use as placeholders. They're 100% free!
Good Type Foundry is an award winning type foundry, offering retail and custom typefaces for both digital and printed use.
Dead Simple Sites curates the most minimal sites on the web.
The best in Branding, Editorial and Graphic Design
The Headless Club is a directory of the best ecommerce stores built with modern web technologies using the headless commerce approach. It features projects that combine outstanding design with performance and usability.
Logggos is a catalog of well-designed logos. Discover inspiring logos sorted by industries, themes, typography style, branding color and more.
The Essential Design is a carefully curated digital archive of contemporary design, with a primary focus on brand identity, graphic design, digital design, web design, and editorial design. It is regularly updated, nearly on a daily basis.
A curated online gallery with the best design studios, designers, type foundries, and other creatives worldwide.
A showcase of beautifully designed, super-effective portfolio websites – with detailed observations and actionable insights to help make yours better.
A directory of brand, motion and digital product design studios that are doing cool stuff.
Personal sites are sick as hell, so this site was built so we can all discover each other's. This directory of links are by folks that want to share their site with the world.
2024 best design portfolio examples and case studies for Product, UI/UX, Creative Designers. Learn and improve your design skills with real-world examples.
A curated collection of the best SaaS websites on the web.
Unleash your creativity with out-of-this-world web design inspiration from across the web.
We help brands create digital experiences that connect with their audience
The best website design inspiration. Get inspired by our gallery of creative design ideas and great examples of beautiful award-winning sites.
Free, “do wtf you want with” pixel-perfect icons. New icons added every week.
How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.
Take your designs to the next level with our 3D animated mockups. Impress your clients and stand out with our showreel-ready mockups.
Let's crack the code on how to do proper exit and enter animations on page transitions in Next.js App Router using Framer Motion.
We believe the future isn't inevitable. Because it's inventable. From business and brand strategy to creative campaign concepting with performance analytics and reporting, we specialize in crafting unique solutions tailored to your business. Discover how we can differentiate your brand for growth today.
React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work. This course is f...
CSS Variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and how our mental frame around media queries has been wrong all along.
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
Contrary to popular belief, by default, react component doesn't care whether its props changed or not. It will always re-render when its parent renders.
Musings, ramblings, and principles that I’ve shared with my team and randomly on Twitter. Reminding yourself of the principles that ground you is simply a good practice. Here are mine.
Dieter Rams, Vitsœ's furniture designer. Ten principles for good design (sometimes referred to as the ‘Ten commandments’).
Minimalism in design has been engrained within my thinking ever since I was introduced to the work of Dieter Rams. He revolutionised industrial design in the …
The Gestalt Principles of Design are a set of concepts and guidelines drawn from gestalt psychology, which theorizes that the mind tends to process
Adobe Fonts partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers every day. No need to worry about licensing, and you can use fonts from Adobe Fonts on the web or in desktop applications.
Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.
A new platform for open-source fonts in a noise-free environment, to highlight their beauty, extend functionality and encourage further exploration.
Share work, connect with other designers, discover jobs and get hired.
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
Learn how to build modern user interfaces for the web.
Unleash your creativity with Diagram's AI-powered design tools.
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
A tiny (239B) utility for constructing `className` strings conditionally. - lukeed/clsx
A collection of repeatable SVG background patterns for you to use on your digital projects.
Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Free Tailwind CSS components that can be used in your next project. Perfect for Laravel, Rails, React, Vue and more.
Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid and Lit
Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.
A small JavaScript library to create and animate hand-drawn annotations on a web page
A new library for animation libraries on the web. Built on the Web Animations API for a tiny bundlesize and great performance.
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.
An open source, production-ready motion library for React on the web.
Godly is a curation of the best web design inspiration, every day. Browse the best e-commerce websites, portfolio websites, animation websites and more.
Hand-picked design inspiration, curated daily.
Gradients have been here from the early days of the web and still rock. The key is knowing how to use them. So, let's dive into the magic.
See how this ethos came to life in the particle shader effect we created for Vercel Ship.
Ever wondered how we created those lifelike shadows on Daylight's website? Here we break down the secrets of our shadow rendering process.
Make your website editable faster than ever with BaseHub, the Headless CMS that’s built for speed and collaborative workflows—all with the help of AI.
basement is a boutique studio that brings what brands envision to life, through branding, visual design & development of the highest quality.
An open-source React component library for building high-quality, accessible design systems and web apps.
A fully-featured UI component system for building authentication flows into your app.
Stunning React components for commerce and marketing, optimized for fashion and function.
Collection of Typescript React components for Next JS built using Tailwind and shadcn/ui. Created by Bridger Tower.
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster.
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Crafting interfaces. Webmaster at Linear. Building polished software and web experiences.
Independent design consultancy focused on branding, digital design and beautiful implementation.
Glenn Hitchcock. Designer from the UK, directing brand, product and process. Today I'm with Vercel, and previously led Sketch and Fueled.
I’m a designer and developer by training and trade. I spend most of my spare time reading about business, finance and crypto. If this combination interests you, welcome to my corner of the internet. This is where I share my reading list, investment updates, and software adventures.
Hi! I'm Maxime, a frontend engineer based in New York. Welcome to my corner of the Internet, where I showcase my work, craft, unfinished or imperfect projects, and the many other things I'm exploring.
Los Feliz Engineering is a software company focused on crafting delightful consumer products for iOS and other platforms.
Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. 7.9 kB minified and gzipped!
Earlier this year I wrote a bit about autogrowing textareas and inputs. The idea was to make a textarea more like a div so it expands in
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the biggest 💡 lightbulb moments I've had in my own learning journey.
In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest and most flexible code possible.
Linear helps streamline software projects, sprints, tasks, and bug tracking. It’s built for high-performance teams.
Cohere provides industry-leading large language models (LLMs) and RAG capabilities tailored to meet the needs of enterprise use cases that solve real-world problems.
We are dedicated to making quality typefaces that can be used in everyday designs and projects. All our fonts are free to try.
We design libre / open source fonts. That means that you can use, modify and redistribute them freely! Learn more and contribute to the adventure of Velvetyne Type Foundry by reading our “about” page!…
Feylogos.com is extensive collection of thousands of detailed, scalable vector logos from top public companies, meticulously created by hand. One by one.
Collection of 730+ carefully crafted Icons in SVG format. Created for professional websites, apps & print. Impress your clients with these Minimal, Clean, Angular shaped icons.
Design Engineers at Vercel blend aesthetic sensibility with technical skills. Learn about Vercel's philosophy on what Design Engineering is and how we work.
I've recently launched an early version of my animations course. This post is meant to give you a behind-the-scenes look at the tech stack, design process, and more.
An open-source ASCII tool built by Studio Freight to generate and customize character-based imagery.
A smooth scroll library fresh out of the Studio Freight Darkroom
Raycast lets you control your tools with a few keystrokes. It's designed to keep you focused.
Bring your components to life with simple spring animation primitives for React
Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API
Studio Freight is an independent creative studio built on principle.
The best in Branding, Editorial and Graphic Design
We combine the best of wealth management, investment strategy, and tax planning in a thoughtfully designed personal finance platform.
Motto® is a strategic branding company that works with leaders to create brands and Ideas Worth Rallying Around™
Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web.
Portfolio of Gareth Hughes. A Design Director for brand & digital experiences for planet-friendly projects.
Easily go from design to world-class site with Framer, the web builder for creative pros.
Online color filter tool to aid colorblind anomalies. Simply enter a URL and pick a filter. Start now!
Quickly scan your website with our free accessibility checker. Get an overview of every issue and clear instructions to fix them. Enter URL to begin.
The A11Y Project is a community-driven effort to make digital accessibility easier.