The only 🔖 bookmark you need to
🚀 launch your web Dev Projects Sky-High

Discover a collection of premium Shadcn UI templates designed to make your project shine. With modern designs and smooth functionality, these templates help you build stunning UIs with ease!

Master CS fundamentals: Computer Networks, Operating Systems, DBMS, LLD, System Design, and DSA—all in one place for a complete interview prep!

Preline UI is an open-source Tailwind CSS components library for any needs. Comes with UI examples & blocks, templates, plugins, Figma design system and more.

A curated collection of the best SaaS websites on the web.

Production-ready and experimental MCP servers that extend AI capabilities through file access, database connections, API integrations, and other contextual services.

A collection of modern, server-safe React hooks - from the ui.dev team

Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

A polyglot web converter that's going to save you a lot of time.

Free Open-source, high-quality illustrations for any idea you can imagine and create. With over 100+ high-quality illustrations in multiple styles.

Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, and Motion. Browse a list of components you can install, modify, and use in your projects.

An open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

A collection of components and blocks built on the shadcn/ui library that connect your front-end to your Supabase back-end via a single command.

Use AI as your design ally, not as a replacement. Effortlessly generate sitemaps and wireframes for marketing websites in minutes with Relume’s AI website builder.

Premium shadcn/ui components registry. UI Kits, Blocks, Templates.

Ouassim Ghribi. Software Engineer with a keen love to beautiful design.

The modern analytics platform for effortless insights.Umami makes it easy to collect, analyze, and understand your website data — so you can focus on growth

Instrument Serif is a condensed display font designed for the Instrument brand. It is intended for use at large sizes and offers a contemporary take on some of

Crimson Pro is a serif typeface family: Contemporary, clear, classic and rounded/open. Something for a college textbook, editorial websites and any reading expe

A minimal personal portfolio website made with Astro, React and Tailwind CSS

Learn how to add a theme selector to your Next.js & shadcn app with Tailwind CSS v4 and next-themes.

Ghibli Studio inspired theme for shadcn/ui, features a unique and beautiful color palette and watercolor paper texture.

Accessible UI Color Palette

The Ultimate Nextjs 15 Starter Kit for quickly building your SaaS, giving you time to focus on what really matters

React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere - script tag, npm, you name it!

Make your web pages fast on all devices

Use this free Website Speed Test to analyze the load speed of your websites, and learn how to make them faster.

GTmetrix is a free tool to test and monitor your page's performance. Using Lighthouse, GTmetrix generates scores for your pages and offers actionable recommendations on how to optimize them.

Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.

Sevalla is the home to your upcoming projects. Host and manage your applications, databases, and static sites in a single, intuitive platform.

Give each of your users (or robots) a code execution sandbox that boots in milliseconds, runs any Docker image you throw at it, and scales to zero when you don't need it.

With 170,000 icons, Streamline is the only icon system. It's designed by one team of 8 icon designers in a consistent, harmonious style. Pair these icons with our 35,000 vector illustrations, emoji and elements for best results.

SVG icons for popular brands

Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in our online editor

A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.

Huemint uses machine learning to create unique color schemes for your brand, website or graphic

A landing page template for SaaS products built with Next.js, Tailwind CSS, and TypeScript.

Geist is a typeface made for developers and designers, embodying Vercel's design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement.

This is a fun, new monospaced font that includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal. - microsoft/cascadia-code

Intel One Mono font repository. Contribute to intel/intel-one-mono development by creating an account on GitHub.

Try JetBrains Mono in your IDE. Its simple forms and attention to every detail make coding a nice experience for developer's eyes, no matter which IDE you choose.

Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

Victor Mono is a free programming font with semi-connected cursive italics and symbol ligatures.

Customize colors, typography, and layouts with a real-time preview. No signup required.

An ISO 3166 compliant dropdown component for selecting a country.

An ISO 4217 compliant currency select component for shadcn/ui.

A compliant phone input component for shadcn/ui.

An ISO 3166 compliant dropdown component for selecting a country.

check-site-meta is a command-line tool for inspecting website metadata and generating link previews without requiring deployment. It runs a local Node.js backend to bypass CORS restrictions and caching issues, providing accurate metadata retrieval.

Find Top Designers & Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide.

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React / Next.js. Made by - GitHub - cruip/tailwind-landing-page-template: Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React / Next.js. Made by

A free React / Next.js landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by - cruip/open-react-template

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

Open-source, accessible React UI components styled with Tailwind CSS to build charts and dashboards.

An animated & opinionated toast component for React by Emil Kowalski

Work Sans is a typeface family based loosely on early Grotesques, such as those by Stephenson Blake, Miller & Richard and Bauerschen Giesserei. The Regular weig

The home for our Cal Sans font. Contribute to calcom/font development by creating an account on GitHub.

Learn full-stack web development with Kent C. Dodds and the Epic Web instructors. Learn TypeScript, React, Node.js, and more through hands-on workshops.

Build software products, using only a chat interface

Discover AI-powered tools at Tempo to prompt, develop, and design code effortlessly. Collaborate seamlessly with advanced solutions for faster, smarter web development.

Chat with v0. Generate UI with simple text prompts. Copy, paste, ship.

Built to make you extraordinarily productive, Cursor is the best way to code with AI.

Tomorrow's editor, today. Windsurf Editor is the first AI agent-powered IDE that keeps developers in the flow. Available today on Mac, Windows, and Linux.

GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you.

An animated Drawer component for React by Emil Kowalski

Inter is a variable font family carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-

Nunito is a well balanced sans serif typeface superfamily, with 2 versions: The project began with Nunito, created by Vernon Adams as a rounded terminal sans se

DM Sans is a low-contrast geometric sans serif design, intended for use at smaller text sizes. DM Sans supports a Latin Extended glyph set, enabling typesetting

Plus Jakarta Sans is a fresh take on geometric sans serif styles, designed by Gumpita Rahayu from Tokotype. The fonts were originally commissioned by 6616 Studi

Manrope is an open-source modern sans-serif font family, designed by Mikhail Sharanda in 2018. In 2019, Mirko Velimirovic worked with Mikhail Sharanda to conver

Geometric sans serif typefaces have always been popular, and with support for both the Devanagari and Latin writing systems, Poppins is an internationalist addi

Barlow is a slightly rounded, low-contrast, grotesk type family. Drawing from the visual style of the California public, Barlow shares qualities with the state'

Shadcn UI Kit is a collection of admin dashboards, website templates, components and blocks. It helps save time by minimizing development time.

Speed up your workflow with responsive, pre-built UI blocks designed for marketing websites.

Download our Free React Admin Dashboard Template! Integrated with Chakra UI, NextJS, TailwindCSS, Shadcn UI, and more, it comes with 70+ UI components for a sleek dashboard experience.

Enhance your Cursor with custom rules, find MCP servers, and join a community of Cursor enthusiasts.

Perfect for enhancing your web projects with beautiful, fluid animations. A collection of open source, customizable motion components. Built with Tailwind CSS and Framer Motion.

Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.

Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers.

Rosencharts is a collection of beautiful charts for React

Beautiful UI components and templates to make your landing page look stunning.

UI Components to build beautiful websites. 100+ components built with React, Next.js, and Tailwind CSS

Explore a curated collection of customized Shadcn UI blocks and components. Preview, customize, and copy ready-to-use code snippets to streamline your web development workflow. Perfect for creating responsive, high-quality Shadcn UI designs with ease.

React TypeScript Cheatsheets

280 handpicked colors ready for COPY & PASTE

A handpicked collection of beautiful color gradients for designers and developers

Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients and thousands of trendy hand-picked color palettes.

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

Generate or browse beautiful color combinations for your designs.

Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

Community driven roadmaps, articles and guides for developers to grow in their career.

An Open Source collection of Design Principles and methods

A free guide to all HTML elements and attributes.

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

Large set of opensource illustrations. You can use completely free and without attribution.

Free to use PNG vector SVG illustrations

Free illustrations generator for Figma and Sketch. Get the opportunity to design your characters using symbols and styles.

Open-source illustrations for any idea you can imagine and create. Build beautiful websites, products and applications with your color, for free.

Discover a diverse range of stunning illustrations at ManyPixels Design Gallery. Power up your designs with visual brilliance!

39 free illustrations elements. Simplified cute characters illustrations for websites and application screens. If you're looking for cute cartoony characters to tell your stories, look no further than our newest character illustrations

Interfacer is a collection of 300+ free design resources found on the Web.

Combine expressions, clothing, hair styles and colors into billions of different unique characters.

Iconoir is the biggest open source icon library that provides a massive selection of high-quality icons, available for free download. No premium options or email sign-up required, free for real. Icons available in SVG, Font, React, React Nativ, and Flutter libraries, Figma and Framer.

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

Ionicons is an open-sourced, and MIT-licensed icon pack. Download our premium designed icons for use in web, iOS, Android, and desktop apps.

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

A flexible icon family for interfaces, diagrams, presentations — whatever, really.

A comprehensive, open-source CSS icons library. Featuring Vanilla CSS, SVG and Figma UI icons

Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality ⚡️

A set of over 5800 free MIT-licensed high-quality SVG icons for you to use in your web projects. - tabler/tabler-icons

Copy and paste individual icons as inline SVGs or CSS code directly into websites or Illustrator.

Heroicons is a collection of MIT open source interface icons for web and app development. Icons are free, no attribution required. Icons by @steveschoger. Website by @username_ZAYDEK.

Discover Unicons, a free collection of beautifully crafted 7000+ SVG icons, 3D icons, animated icons and icon fonts. Perfect for websites, apps, and creative projects. Start designing with Unicons today on IconScout!

Build, test, and send transactional and marketing emails at scale.

1440+ beautifully crafted open-source 3D icons. You can use completely free and without attribution for personal or commercial project

An extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

Beautiful & consistent icon toolkit made by the community. Icons are lightweight, highly optimized scalable vector graphics (SVG).