Articles
View allServer Components Give You Optionality
They give flexibility to choose in which environments your components run in (Server, Server+Client, or Client) and when.
Anthropic Economic Index
Announcement of the new Anthropic Economic Index and description of the new data on AI use in occupations
Faster Lazy Loading in React Router v7.5+
React Router v7.5 now supports a faster, more granular approach to lazy loading route code in Data Mode
You can serialize a promise in React
Use React to create a promise on the server and later finish it on the client.
Components & Blocks
View all
Retro UI
Retro styled component library built with React and TailwindCSS for modern web apps.
Reusables
Reusables is a curated collection of production-ready components, hooks, and utilities that you can seamlessly integrate into your apps.
Catalyst UI Kit
Modern application UI components to kickstart your design system.
Star UI
Beautiful Tailwind CSS v4 and Motion React components, Copy, Paste, Customize, make your website look stunning.
Courses
View all
ui.dev | JavaScript, but fun.
We help JavaScript developers make more money - and enjoy themselves in the process.
Three.js Journey
The ultimate Three.js course whether you are a beginner or a more advanced developer
react.gg
"Just finished react.gg. Wow. The course is a masterpiece. Learned a lot, even after years of developing in React." â Austin Hale
D3 in Depth
Visualising Data with JavaScript teaches you how to build charts and data stories using Chart.js, Leaflet, D3 and React.
Frontend.FYI
The right animations breathe life into web pages, while over-the-top ones can be a distraction. In this course, I will teach you the perfect balance, diving deep into the world of meaningful animations, created with Motion for React.
Fonts
View all
Bricolage Grotesque
An expressive variable font that blends iconic French and British designs across three axes: weight, width, and optical size. It visually expresses what it feels like when you cannot be what you were and yet you can never truly be anybody else.
Space Grotesk
An open-source sans-serif typefaces based on Space Mono (4 weights, 4 styles, open-source)
Commit Mono
Commit Mono is an anonymous and neutral programming typeface focused on creating a better reading experience.
Icons
View all
SVG Flag Icons
Explore our collection of over 200 optimized SVG country flag icons â Perfectly crafted on a 32px grid.
Open Source SVG Loading Icons
Collection of 100+ Open Source SVG-based icons you can use to show content is being loaded. Absolutely free with no attribution required.
Symbl
Explore and copy a vast collection of HTML symbols, emojis, payment icons, and SVGs with Symbl. Perfect for developers and designers to enhance web projects effortlessly.
Illustrations
View all
Transhumans
Transhumans, a collection of black and white illustrations inspired by punk rock, transhumanism, and minimalist Japanese art. Created by Pablo Stanley, these open-source pieces are free to download and remix. Dive into the bold and imperfect brush strokes of this unique collection
UI Skeleton Gallery
A free customizable collection of SVG skeleton loader UI elements for design wireframes & mockups.
DiceBear
The avatar library you've always been looking for. Create avatars for your profiles, designs, websites or apps. Piece by piece or based on a seed.
CSS pattern backgrounds by Super designer
A collection of 100+ CSS background patterns for free. Simple copy-paste backgrounds in created using pure CSS
Public Domain Image Archive
Explore our hand-picked collection of out-of-copyright works, free for all to browse, download, and reuse. This is a living database with new images added every week.
Libraries
View all
JSONâąEditâąReact
A highly-configurable React component for editing or viewing JSON/object data
Silk
Nativeâlike swipeable sheets on the web. Bring your web app to a whole new level with the most advanced swipeable sheet ever engineered for the web. Available for React.
Mini Guides
View all
Noise & Texture Bento Cards
Noise & Texture Plugin (by @rogie) is a great example of how powerful Figma plugins can be. Learn in this tutorial how to use it to design a cool bento card background.
Creating Smooth Gradients in Figma
Learn how to create rich, glowing gradients in Figma with this quick visual tutorial by Dmitry Kurash. The guide covers using radial gradients, blur effects, and blend modes to craft layered, dynamic backgrounds. Perfect for adding polish and depth to your UI designs.
Misc
View all
The Hydrant Directory
A Public Domain design resource created from public infrastructure
Peopleâs Graphic Design Archive
A virtual design archive built by everyone about everyone for everyone.
early.tools
Be first in line to try new products you'll love from day one â early.tools is your home to find pre-launched startups.
Services
View all
Maillayer
Self-hosted email marketing platform with one-time payment. Send newsletters and campaigns without monthly fees using Amazon SES.
Cal.com
Open Source Scheduling: Send a link and meet or build an entire marketplace for humans to connect
RevenueCat
The worldâs best apps use RevenueCat to power in-app purchases, manage customer data, and grow revenue across iOS, Android, and the web.
Paddle
We are the merchant of record for B2B & B2C digital companies. Helping increase global conversions, reducing churn, staying compliant, and scaling up fast.
Tools
View all
Dithermark
An interactive, in-browser exploration of image dithering and color quantization algorithms.
Tailwind CSS Cheatsheet
A quick reference guide to mastering Tailwind CSS. Easily browse and search through all Tailwind utility classes and CSS properties on a single page.
UI/UX
View all
Drams
Elevate your digital projects with sleek Framer UI elements inspired by Dieter Rams. Explore buttons, sliders & components designed for simplicity & functionality.
Logo System - Get inspiration by exploring a library of 1000+ logo designs
The biggest logo design library for inspiration. Find inspiration by exploring over 1000 logos design on Logo System.
a-fresh.website
Discover top web design inspiration with curated, award-winning sites. Perfect for designers and developers seeking modern, creative website ideas.
Vibe Coding
View all
Convex MCP Server
Convex now supports a powerful MCP server that lets you introspect your deployment's state, run functions, and read and write data.
Trae
Trae IDE integrates seamlessly into your workflow, collaborating with you to maximize performance and efficiency.
bolt.new
Bolt.new is an AI-powered web development agent that allows you to prompt, run, edit, and deploy full-stack applications directly from your browser.
Windsurf (formerly Codeium)
Windsurf (formerly Codeium) is the world's most advanced AI coding assistant for developers and enterprises. Windsurf Editor â the first AI-native IDE that keeps developers in flow.