Frontend
page-speed.dev
page-speed.devSee and share Core Web Vitals and PageSpeed Insights results simply and easily.
Tailwind CSS Color Generator | UI Colors
uicolors.appGenerate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.Tailwind CSS button collection - Click-to-copy integration
buttons.ibelick.comDiscover a collection of Tailwind CSS buttons designed to enhance your website's look. Easy to integrate with a copy-paste, no js.
Aceternity UI
ui.aceternity.comBeautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
Lightning CSS
lightningcss.devAn extremely fast CSS parser, transformer, bundler, and minifier.
Home | nivo
nivo.rocksSupercharged React dataviz components.
svgl
svgl.vercel.appA beautiful library with SVG logos
Graphite - How the fastest developers ship code
graphite.devDevelopers use Graphite to create smaller pull requests, stay unblocked, and ship faster. Built for stacking, integrated with GitHub & VS Code.
CSS Analytics - Project Wallace
projectwallace.comThe best CSS Analyzer on the web. Check your CSS complexity, specificity, performance, design tokens and much more.
Mesh — Create beautiful SVG gradients
mesh.aarv.meMesh allows you to create stunning mesh gradients and export them as SVG, completely for free.
Carousel | GUI Challenges
gui-challenges.web.app🤓
Easing Gradients
larsenwork.comSupercharge your gradients with non-linear color mix and custom color spaces.Typehero
typehero.devLevel up your typescript skills with interactive exercises
LLM Report
llm.reportGet Detailed Insights About Your OpenAI API Costs
Plausible Analytics
plausible.ioPlausible is a lightweight and open-source Google Analytics alternative. Your website data is 100% yours and the privacy of your visitors is respected.
Smooth and simple transitions with the View Transitions API - Chrome Developers
developer.chrome.comThe View Transition API allows page transitions within single-page apps, and will later include multi-page apps.Introduction – react-tweet
react-tweet.vercel.appEmbed tweets in your React application.
BaseLayer
baselayer.devAstro description
React Aria Components
react-spectrum.adobe.comReact Aria Components is a library of unstyled components built on top of the React Aria hooks. It provides a simpler way to build accessible components with custom styles, while offering the flexibility to drop down to hooks for even more customizability where needed.
Defensive CSS
defensivecss.devPractical CSS and design tips that helps in building future-proof user interfaces.
Codesphere - Cloud Services Made Simple
codesphere.comThrough coupling IDE to the infrastructure, we're making cloud experience like no other.
Component Party
component-party.devWeb component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, SolidJS, Qwik, Marko, Angular, Lit, Vue 2, Ember, Alpine, Aurelia 1, Aurelia 2
Wicked Blocks - 120+ Free Tailwind Components
wickedblocks.devA free collection of Tailwind components built with Tailwind CSS and Alpine.js ready to copy paste on your next project.
Liveblocks | Collaborative experiences in days, not months
liveblocks.ioLiveblocks provides developers with a complete toolkit to embed performant collaboration features to your product in days, not months.Playground of SSR-Contributions-svg
contribution.catsjuice.com
Grayscales
grayscal.esBeutiful and clean grayscales to use in your projects.
Notion Avatar Maker
notion-avatar.vercel.appAn online tool for making notion-style avatars.
Animations on the web
animations.devA course that teaches you how to craft animations that make people feel something.
12 Days of Web
12daysofweb.devA year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
.imgsrc
imgsrc.ioGenerate beautiful Open Graph images with zero effort.
Master React
master-react.georgemoller.comEmpower Your Frontend Journey with 100+ Insightful Infographics and 70+ video tutorials for Crafting Exceptional Web Experiences!Understanding Accessibility
understandingaccessibility.com
windstatic.
windstatic.comA set of elements & layouts made with Tailwind CSS and Alpine.js.Free Core Web Vitals History checker
rumvision.comUnlock the power of Core Web Vitals with our free history checker. Simply enter your domain to view 6 months of progress or regression data and optimize your website's user experience. Stay ahead of the competition and start improving now
Gitness: Open-Source Code Hosting & CI/CD Pipeline Engine
gitness.comUnlock superior Git workflows with Gitness. Experience seamless code reviews, robust CI/CD solutions, and up to 4x faster pipeline execution. Begin your journey in just 30 seconds.
Builder Velocity: it's about time
velocity.builder.ioClaim your ticket for this AI launch event by Builder.io + FigmaOrigin-aware animations
emilkowal.ski
CSS Selectors: A Visual Guide & Reference
fffuel.coVisual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
Million.js
million.devThe Virtual DOM Replacement for React
react-hot-toast - The Best React Notifications in Town
react-hot-toast.comAdd beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
Vaul
vaul.emilkowal.skiDrawer component for React.
Build UI - High-quality videos on frontend development
buildui.comLearn how to build modern user interfaces for the web.
Tailwind Variants – tailwind-variants
tailwind-variants.orgThe power of Tailwind combined with a first-class variant API.
The interactive way to master modern React – react.gg
react.ggThe interactive way to master modern React — from the team at ui.dev.
Deploy app servers close to your users · Fly
fly.io
Perflink
perf.linkJavaScript performance benchmarks you can share via URL.
GitBook - Where technical teams document
gitbook.comGitBook makes it easy to research, plan and document products, from start to ship.
The Open Source Firebase Alternative | Supabase
supabase.comThe Open Source Alternative to Firebase.
Dub - Link Management for Modern Marketing Teams
dub.shDub is an open-source link management tool for modern marketing teams to create, share, and track short links.