Frontend

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
Railway
railway.appRailway is an infrastructure platform where you can provision infrastructure, develop with that infrastructure locally, and then deploy to the cloud.
Starship: Cross-Shell Prompt
starship.rsStarship is the minimal, blazing fast, and extremely customizable prompt for any shell! Shows the information you need, while staying sleek and minimal. Quick installation available for Bash, Fish, ZSH, Ion, Tcsh, Elvish, Nu, Xonsh, Cmd, and Powershell.
Sonner
sonner.emilkowal.skiAn opinionated toast component for React.OpenStatus
openstatus.devOpen-Source alternative to your current monitoring service with beautiful status pageReact Hooks for Data Fetching – SWR
swr.vercel.appSWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.
React Wrap Balancer
react-wrap-balancer.vercel.appSimple React Component That Makes Titles More Readable
Panda CSS - Build modern websites using build time and type-safe CSS-in-JS
panda-css.comBuild modern websites using build time and type-safe CSS-in-JS
Plate
platejs.orgThe rich-text editor framework for React.
Axios Cache Interceptor
axios-cache-interceptor.js.orgSmall and efficient cache interceptor for axios. Etag, Cache-Control, TTL, HTTP headers and more!
Mock Service Worker
mswjs.ioSeamless API mocking library for browser and Node.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.
ipad-cursor
cursor.oooo.soiPad Cursor Effect in Browser
Instatus - Get a quick & beautiful status page!
instatus.comGet a beautiful status page that's free forever on Instatus.umami
umami.isAn open source, privacy-focused alternative to Google Analytics
Maige
maige.appLet GPT label your issues.
Resend — The new email API for developers
resend.comBuild, test, and send transactional emails at scale.
Tremor – The React library to build dashboards fast
tremor.soModular components to build insightful dashboards in a breeze.
Tailwind Tips by Simon Vrachliotis
protailwind.comA collection of valuable tips that you wish you had known when you started using Tailwind. Level up your skills by digging into these techniques.Next.js App Router
app-router.vercel.appA playground to explore new Next.js App Router features such as nested layouts, instant loading states, streaming, and component level data fetching.
useHooks – The React Hooks Library
usehooks.comA collection of modern, server-safe React hooks – from the ui.dev team
Lit
lit.devSimple. Fast. Web Components.