Filter by category:
Glaze is a utility-first animation library built on top of GSAP, offering a Tailwind-inspired approach to creating complex animations with ease.
Animista is an on-demand CSS animation library that allows users to create and customize CSS animations for their web projects.
Framer Motion is a production-ready animation library for React, offering a simple declarative syntax for creating smooth and powerful animations.
GSAP is a powerful JavaScript animation library that allows developers to easily animate anything JavaScript can touch, with smooth performance and extensive support.
Motion One is a modern JavaScript animation library that provides high-performance, hardware-accelerated animations in a user-friendly package.
React Spring is a spring-physics based animation library for React applications, offering a powerful and flexible way to create smooth, natural-looking animations.
Anime.js is a lightweight JavaScript animation library with a simple yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects.
A fusion UI library combining Shadcn/ui and MagicUI, offering 150+ free and open-source UI elements built with React, TypeScript, Tailwind CSS, and Framer Motion.
Kobalte is a UI toolkit for building accessible web apps and design systems with SolidJS, providing low-level UI components and primitives.
Magic UI is a free and open-source UI library for Design Engineers, offering 20+ animated components built with React, TypeScript, Tailwind CSS, and Framer Motion.
Mantine is a React component library with 100+ customizable components and 50 hooks, supporting TypeScript and modern frameworks like Next.js and Remix.
cmdk is a fast, composable, unstyled command menu React component for building searchable command palettes and similar interfaces.
Vaul is a drawer component library for React, offering a customizable and accessible solution for creating sliding drawers in web applications.
TanStack Form is a powerful, type-safe form state management library for TypeScript/JavaScript, supporting React, Vue, Angular, Solid, and Lit frameworks.
A powerful and flexible library for building tables and datagrids in TS/JS, React, Vue, Solid & Svelte with full control over markup and styles.
Vibes is an open-source theming engine for composable marketing and commerce sites, offering React UI components and styles.
A collection of Next.js components created by Bridger Tower for building marketing sites and landing pages.
A collection of beautifully designed, accessible, and customizable React components that can be copied and pasted into your apps.
AuthKit is a comprehensive authentication solution by WorkOS that offers various login methods, security features, and customizable UI components for seamless integration into any app architecture.
Sonner is a lightweight and customizable toast notification library for React applications, created by Emil Kowalski.
Radix UI offers unstyled, accessible React components for building high-quality design systems and web applications. It provides a set of customizable UI primitives that save development time and ensure accessibility.
MUI offers a comprehensive suite of free UI tools for React, including a fully-loaded component library based on Material Design, production-ready components, and customization options.
HyperUI is a collection of free, open-source Tailwind CSS components for building various web projects, including marketing websites, admin dashboards, and eCommerce stores.
RoughNotation is a JavaScript library for creating and animating hand-drawn-style annotations on web pages. It offers various annotation styles like underline, box, circle, highlight, and more.
Headless UI provides unstyled, fully accessible UI components designed to integrate seamlessly with Tailwind CSS.
Pierre is a new developer platform that reimagines collaboration tools for building and shipping software, focusing on branches, bots, and essential features.
Payload CMS is a code-first, extensible content management system that provides powerful backend solutions with a CMS-grade admin UI.
Geist is a design agency specializing in building design systems that align brand and product. They work on various high-profile projects for companies like Google, Outschool, and Titan.
Sequoia Capital is a prominent venture capital firm providing insights, news, and perspectives on technology trends, with a focus on AI, startups, and innovation.
Lusion is a creative studio specializing in building epic, real-time interactive experiences and graphics for agencies and studios.
An online tool that examines all images on a web page to check for accessibility issues, including width, height, alt, and longdesc attributes.
The Variable is a growth company that combines innovation and advertising to accelerate business transformation. Based in Winston-Salem, NC, they focus on fighting indifference and have won multiple awards for innovation and agency performance.
Family is a self-custody crypto wallet with a user-friendly interface, offering a new SDK called ConnectKit for developers to simplify wallet connections.
Vercel is a platform for frontend developers that provides speed and reliability for creating and deploying web applications.
Cohere provides high-performance, secure language models for enterprise use. Their customizable models work on various cloud environments, ensuring data security and offering exceptional support.
A collection of beautiful wallpapers provided by Raycast, a productivity tool, to enhance your desktop appearance.
Compound Planning is a modern wealth and investment management firm registered with the Securities and Exchange Commission, offering financial advisory services and tax consulting through its subsidiary.
Motto is a strategic branding agency focused on brand transformations for forward-thinking tech companies. They offer services in brand strategy, vision alignment, and leadership development.
New Studio is a creative agency that specializes in branding, design, and strategic positioning for various high-profile clients across different industries.
Linear is a project management and issue tracking tool designed for product teams, offering a sleek interface, powerful features, and seamless integrations to streamline the product development process.
Framer is a powerful web design and development tool that allows users to create professional websites without coding, offering features like visual layout design, CMS integration, and SEO optimization.
A curated collection of the best free fonts for designers, offering a variety of styles and typefaces for creative projects.
A collection of diverse historical and contemporary fonts showcased by the Atelier National de Recherche Typographique (ANRT) in Nancy, France.
Hasköy is an open-source variable sans-serif typeface family with extensive language support and OpenType features.
Hubot Sans is a variable font created by GitHub, designed as a robotic sidekick to Mona Sans with geometric accents for a technical feel.
Hasköy is a variable sans-serif typeface family with powerful OpenType features, extensive language support, and multiple weights. It's available for free download under the SIL Open Font License.
Good Type Foundry is a digital type foundry offering a diverse collection of high-quality fonts for designers and creatives.
Adobe Fonts is a comprehensive font service offering unlimited access to over 20,000 high-quality fonts for Creative Cloud subscribers.
Open Foundry is a website that offers a collection of high-quality, open-source fonts for designers and developers.
Google Fonts is a library of free and open-source font families, making typography more accessible for web and print designers.
A collection of trend-conscious, free-to-try fonts for designers, with each typeface and glyph crafted with great care and attention to detail.
Velvetyne Type Foundry is a free and open-source font foundry that designs and distributes libre fonts. They offer a unique collection of typefaces that can be freely used, modified, and redistributed.
Fontshare is a platform offering high-quality free fonts, including variable fonts, with a diverse collection of styles and properties.
UNCUT.wtf is a curated catalogue of mostly libre contemporary typefaces, featuring 119 typefaces across various categories including sans serif, serif, monospace, and display fonts.
A collection of high-quality SVG logos for various products and companies, with links to their respective owners.
Lucide Icons is an open-source icon toolkit, forked from Feather Icons, offering a beautiful and consistent set of icons created by the community.
Radix Icons is a collection of customizable React icon components, offering a wide range of icons for use in web development projects.
A comprehensive database of company logos for editorial and informational purposes, showcasing various trademarks under fair use principles.
A collection of clean, minimal SVG icons for use in web projects, particularly suited for Angular applications.
An open-source collection of 700+ CSS, SVG, and Figma UI Icons. Available in various formats including SVG Sprite, styled-components, NPM & API.
A comprehensive collection of free SVG icons for popular brands and services.
Iconic is a collection of free, pixel-perfect icons with a "do wtf you want with" license. It offers 1130+ icons in SVG format, with new icons added weekly.
A blog featuring curated branding and graphic design projects from around the world, maintained by Italian art director Alessandro Scarpellini.
A curated directory of high-performance headless ecommerce stores showcasing excellent design and performance.
Logggos is a curated catalog of well-designed logos for inspiration and research purposes.
A curated digital archive of contemporary design, focusing on brand identity, graphic design, digital design, web design, and editorial design.
A curated online gallery showcasing the best design studios, designers, type foundries, and other creative professionals from around the world.
A curated collection of impressive portfolio websites showcasing creative designs, interactions, and exemplary work from various designers and agencies.
A website that appears to be a submission form or interactive platform for cool projects or ideas.
A curated collection of personal websites and portfolios from various designers, developers, and creative professionals.
A curated collection of best design portfolio examples and case studies for Product, UI/UX, and Creative Designers, updated daily.
Saaspo is a weekly curated collection of the best SaaS web design inspiration, delivered directly to your inbox.
A curated web design inspiration catalog showcasing a collection of outstanding web designs.
Httpster is a showcase of web design inspiration from all over the world, featuring a curated collection of innovative and visually appealing websites.
Layers is a platform for exploring and discovering design resources, tools, and inspiration for designers and developers.
Godly is a curated collection showcasing the best web design examples on the Internet.
A curated collection of minimalist web design inspiration, featuring a weekly newsletter and submission process for designers and developers.
A curated collection of minimal websites showcasing simple, elegant design without excessive animations or scroll-jacking.
A comprehensive guide by Apple Inc. providing essential UI design tips for creating user-friendly and visually appealing applications on Apple platforms.
A handbook by Fictive Kin that shares insights on transforming websites into ROI-generating assets, based on their experience with major companies.
A detailed guide on implementing smooth page transitions using Framer Motion in Next.js applications with App Router, addressing common issues and providing solutions.
A comprehensive 28-part course designed to teach beginners everything they need to start building web applications in React, focusing on core concepts and practical implementation.
A comprehensive guide on using CSS variables (custom properties) in React applications, explaining their benefits and advanced use cases.
A comprehensive guide on React best practices, covering components, state management, application structure, testing, and more.
An in-depth exploration of React rendering behavior, focusing on when and why components re-render, with visual examples and explanations.
A detailed guide on creating toast notifications in React from scratch, covering state management, animations, and best practices.
A comprehensive list of 101 design rules and principles shared by Brian Collins, offering valuable insights and advice for designers and creative professionals.
An article by Carl Barenbrug outlining five principles for minimal design, inspired by Dieter Rams' work and the author's experience with Minimalissimo.
An in-depth exploration of the Gestalt principle of continuity in design, explaining how elements arranged on a line or curve are perceived as more related.
A comprehensive textbook designed to teach students the interconnected arts of visual communication, presenting the subject as a native language that students inherently know but cannot yet fully comprehend.
An illustrated handbook by Richard Poulin that explains fundamental design principles for graphic designers.
A seminal book on design principles by the iconic designer Paul Rand, covering topics such as beauty, utility, humor, typography, and imagination in less than 100 pages.
A popular book on web usability by Steve Krug, focusing on intuitive navigation and information design.
A collection of best practices that designers can consider when building user interfaces, focusing on how users perceive and interact with digital systems.
A comprehensive resource for design systems, offering articles, guides, and best practices for designers and developers.
A blog by Nanda Syahrasyad featuring in-depth technical articles on web development, animation, and computer science concepts.
Build UI offers high-quality videos, courses, and resources on frontend development, focusing on React, Remix, and Tailwind CSS.
A comprehensive guide on creating effective and impactful animations for web and mobile applications, covering principles such as natural feel, speed, purpose, performance, interruptibility, and accessibility.
A comprehensive course on web animations by Emil, a design engineer at Vercel. It covers fundamentals and provides walkthroughs for creating engaging animations.
A comprehensive guide on creating and using color gradients in design, covering techniques, tools, and best practices.
A detailed breakdown of the particle shader effect created for Vercel's Ship event, explaining the technical implementation and optimizations used to create an engaging and performant experience.
A detailed blog post about implementing soft shadows using WebGL and custom shaders for a web project called Daylight.
A comprehensive guide to CSS inheritance, explaining its power and how to use it effectively in web design.
A comprehensive guide exploring modern techniques for creating common shapes with CSS, focusing on clean and reusable code.
An in-depth look at the role of Design Engineers at Vercel, explaining what they do, their skills, and how they contribute to creating exceptional user experiences.
A detailed breakdown of how Emil Kowalski built the platform for his web animation course, covering design, tech stack, and key features.
An in-depth analysis of the architecture and implementation of shadcn/ui, exploring its approach to building customizable UI components.
An in-depth look at the design and development process of Vercel's new homepage, focusing on performance, aesthetics, and technical implementation.
A comprehensive and interactive tutorial on CSS Grid, covering fundamentals and advanced concepts with practical examples.
A clever technique for creating autogrowing textareas using CSS and minimal JavaScript, explained by Chris Coyier on CSS-Tricks.
A comprehensive resource that provides a collection of design principles used by various organizations and individuals to guide product development and decision-making.
Explore Dieter Rams' ten principles for good design, as presented by Vitsœ, a company that has worked with Rams for over 60 years.
An in-depth guide to modern CSS selectors, including :is(), :where(), and :has() pseudo-class selectors, explaining their usage and benefits for designers who code.
A comprehensive collection of guidelines for creating good web interfaces, covering interactivity, typography, motion, touch, optimizations, accessibility, and design.
A digital studio specializing in creating high-performance, innovative projects for startups and companies, offering branding, visual design, and development services.
Personal portfolio of Maxime Heckel, a New York-based lead frontend engineer specializing in TypeScript and React, with experience in container management tools and enterprise product development.
Los Feliz Engineering is a company focused on crafting delightful consumer products for various platforms, founded in 2019 by Benji Taylor. They are currently working on web3 projects and have previously developed a real-time messaging app.
Personal portfolio website of Amelie Schlüter, a Design Engineer based in Germany, showcasing her projects, experience, and writing.
Personal website of Shu Ding, a designer and developer living in Berlin, currently working at Vercel on Next.js and other open source projects.
Personal website of Alasdair Monk, a software designer and builder with 12 years of experience in developer products.
Personal website of Rasmus Andersson, a Swedish software engineer living in San Francisco, showcasing his projects, thoughts, and ideas.
Personal website of Paco Coursey, a web developer and designer focusing on crafting polished interfaces and web experiences.
Studio Freight is an independent creative studio that builds brands, experiences, and products. They focus on strategy, visual identity, web design, development, and art direction.
Personal website of Sebastian Graz, a reactive one-man brand studio focusing on lasting identities and digital design.
Personal website of Brian Lovin, a designer, podcaster, writer, and software tinkerer. Showcases his projects, experiences, and insights in the design and tech industry.
Personal website of Glenn Hitchcock, Director of Design at Vercel, focusing on brand, product, and process in web development and design.
Personal website of SJ, featuring updates, aesthetic goods, reading list, and design work.
Portfolio website of Gareth Hughes, a Brand & Digital Design Director focused on planet-friendly projects and sustainable web design.
Personal website of Joe Bell, a UI designer and developer who focuses on building polished user interfaces.
