Frontend
![Gauge](https://gauge.onur.dev/og-image.png)
Gauge
gauge.onur.devAn aesthetic and customizable circular visual component for React.Gauge Component
gauge-demo.vercel.appVercel's Gauge component recreated by @mfts0![Tailwind and Next.js UI Components for Speedy Web Development - boilercode.app](https://www.launchify.club/opengraph-image.png?d433d49de3411776)
Tailwind and Next.js UI Components for Speedy Web Development - boilercode.app
launchify.clubSupercharge your web development with our Tailwind and Next.js UI components. Create responsive and stylish web applications faster and more efficiently.![Effect – The best way to build robust apps in TypeScript](https://website-1qex30v7d-effect-ts.vercel.app/opengraph-image.jpg?6fada1acf1f76e7e)
Effect – The best way to build robust apps in TypeScript
effect.websiteEffect is a powerful TypeScript library designed to help developers easily create complex, synchronous, and asynchronous programs.![Three.js Journey — Learn WebGL with Three.js](https://threejs-journey.com/assets/social/share-image.png?cb=c)
Three.js Journey — Learn WebGL with Three.js
threejs-journey.comThe ultimate Three.js course whether you are a beginner or a more advanced developer![Next.js View Transitions](https://next-view-transitions.vercel.app/opengraph-image.png?7a5751b31c0c247e)
Next.js View Transitions
next-view-transitions.vercel.appUsing native CSS View Transitions API in Next.js App Router![SST](https://social-cards.sst.dev/serverless-stack-lander/QnVpbGQrbW9kZXJuK2Z1bGwtc3RhY2srYXBwbGljYXRpb25zK29uK0FXUy4l%0AMEE%3D%0A.png)
SST
sst.devBuild modern full-stack serverless applications on AWS with Next.js, SvelteKit, Remix, Astro, Solid, and more.![Installation • Tremor Raw](https://raw.tremor.so/opengraph-image.png?7f260b90c51a77d4)
Installation • Tremor Raw
raw.tremor.soCustomizable, accessible React components to build dashboards and modern web applications.![Next.js video embedding with next-video](https://next-video.dev/opengraph-image.png?c8fa8696678fa414)
Next.js video embedding with next-video
next-video.devNext Video solves the hard problems with embedding, storing, streaming, and customizing video in your Next.js app.![uilabs](https://uilabs-kfjlvr6jq-mrncst-32d42dc6.vercel.app/opengraph-image.png?3cd208115a4d0983)
uilabs
uilabs.devExperimental laboratory of fine UIDeveloper Tips by Umar Hansa
umaar.comA developer tip, in the form of a gif, in your inbox each week. Subscribe to Dev Tips to get these in your inbox![Developer Roadmaps - roadmap.sh](https://roadmap.sh/images/og-img.png)
Developer Roadmaps - roadmap.sh
roadmap.shCommunity driven roadmaps, articles and guides for developers to grow in their career.![Get your pages indexed within 48 hours.](https://requestindexing.com/__og-image__/image/og.png)
Get your pages indexed within 48 hours.
requestindexing.com![rodz/input-otp](https://input-otp.rodz.dev/og.jpg)
rodz/input-otp
input-otp.rodz.devOne-time password input component for React. Accessible. Unstyled. Customizable. Open Source. Build your own OTP form effortlessly.![10000+ Themes for shadcn/ui](https://ui.jln.dev/_static/og.png)
10000+ Themes for shadcn/ui
ui.jln.devExplore 10000+ themes for shadcn/ui and easily copy them into your project. Or just create your own theme from scratch!![Grayscales](https://grayscal.es/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FscreenshotHero2.69214855.png&w=3840&q=75)
Grayscales
grayscal.esBeutiful and clean grayscales to use in your projects.![Notion Avatar Maker](https://i.imgur.com/F5R0K03.png)
Notion Avatar Maker
notion-avatar.vercel.appAn online tool for making notion-style avatars.![Animations on the web](https://animations.dev/opengraph-image.png?e8889e91899a3be6)
Animations on the web
animations.devA course that teaches you how to craft animations that make people feel something.![12 Days of Web](https://12daysofweb.dev/img/12daysofweb.png)
12 Days of Web
12daysofweb.devA year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.![.imgsrc](https://imgsrc.io/og.png)
.imgsrc
imgsrc.ioGenerate beautiful Open Graph images with zero effort.![Master React](https://master-react.georgemoller.com/twitter-card.png)
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.](https://windstatic.com/%20%20%20%20%20windstatic.com/images/OpenGraph/facebook.png)
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](https://gitness.com/images/og-image.jpg)
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.![Geist Gauge](https://geist-gauge.vercel.app/opengraph-image.png?fab6f5e88e58716c)
Geist Gauge
geist-gauge.vercel.appA circular visual for conveying a percentage.![Extension](https://extension.js.org/db37f52bc35b1634839f7e8b206b612d5fa003e7.png)
Extension
extension.js.orgPlug-and-play, zero-config, cross-browser extension development tool.![React Spring](https://www.react-spring.dev/share.jpg)
React Spring
react-spring.devBring your components to life with simple spring animation primitives for React![CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs](https://css-for-js.dev/og-image-v2.jpg)
CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devs
css-for-js.devA comprehensive course that helps you develop deep mastery of CSS. Built specifically for JavaScript developers!![Nextra – Next.js Static Site Generator – Nextra](https://nextra.site/og.jpeg)
Nextra – Next.js Static Site Generator – Nextra
nextra.siteMake beautiful websites with Next.js & MDX.Million Lint | Million.js
million.devFind and fix slow React components![TimePicker | OpenStatus](https://time.openstatus.dev/og-image.png)
TimePicker | OpenStatus
time.openstatus.devA time picker component for your shadcn ui appgoogle webfonts helper
gwfh.mranftl.comA Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!Cache Control
shayy.org![Blog posts by Ryan Mulligan](https://ryanmulligan.dev/social/ryan-mulligan-dev.png)
Blog posts by Ryan Mulligan
ryanmulligan.devBlogging my general thoughts and rambles, code snippets, and front-end web dev discoveries![Fjolt](https://fjolt.com/images/intro-images/undefined.webp)
Fjolt
fjolt.comLet's look at all the utility types in TypeScript![Unlighthouse](https://unlighthouse.dev/__og-image__/image/og.png)
Unlighthouse
unlighthouse.devLike Google Lighthouse, but it scans every single page.![Open Props: sub-atomic styles](https://open-props.style/open-props-social.jpg)
Open Props: sub-atomic styles
open-props.styleOpen source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.![GitButler | Git Branching, Refined](https://gitbutler.com/og-image.jpg)
GitButler | Git Branching, Refined
gitbutler.comA Git client for simultaneous branches on top of your existing workflow..![page-speed.dev](https://page-speed.dev/__og-image__/image/og.png)
page-speed.dev
page-speed.devSee and share Core Web Vitals and PageSpeed Insights results simply and easily.![Tailwind CSS Color Generator | UI Colors](https://uicolors.app/og_image.png)
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](https://ui.aceternity.com/banner.png)
Aceternity UI
ui.aceternity.comBeautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.![Lightning CSS](https://lightningcss.dev/og.jpeg)
Lightning CSS
lightningcss.devAn extremely fast CSS parser, transformer, bundler, and minifier.![Home | nivo](https://nivo.rocks/static/01da9e2cb279ff984065284dfe0c1e9a/2b65e/home.png)
Home | nivo
nivo.rocksSupercharged React dataviz components.![svgl](https://svgl.vercel.app/images/screenshot.png)
svgl
svgl.vercel.appA beautiful library with SVG logos![Graphite - How the fastest developers ship code](https://graphite.dev/og.png)
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](https://www.projectwallace.com/_app/immutable/assets/analyzer-units.f44d3082.webp)
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](https://mesh.aarv.me/META.png)
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](https://picsum.photos/seed/this/1280/720.webp)