Frontend
The best skills for engineering-related work, like building, testing, reviewing and shipping software.
snapdom2025Emma/vibe-coding-cnCapture HTML elements as SVG, PNG or JPG images with styles and fonts kept★23.1K
snapdomCapture HTML elements as SVG, PNG or JPG images with styles and fonts kept
magic-uimagicuidesign/magicuiAdd and customize Magic UI animated React components via shadcn registry★22.9K
magic-uiAdd and customize Magic UI animated React components via shadcn registry
gitbutler-uigitbutlerapp/gitbutlerRestyle or add UI components, modals and toasts in GitButler React UI apps★21.9K
gitbutler-uiRestyle or add UI components, modals and toasts in GitButler React UI apps
sign-in-with-google-webgoogle/skillsAdd Sign In With Google and One Tap with FedCM to React, Next.js or HTML★21.6K
sign-in-with-google-webAdd Sign In With Google and One Tap with FedCM to React, Next.js or HTML
kortix-uikortix-ai/sunaBuild React interfaces with the Kortix component library and session UI modules★20.3K
kortix-uiBuild React interfaces with the Kortix component library and session UI modules
webappkortix-ai/sunaBuild full-stack web apps on an Express, Vite, React, Tailwind and Drizzle template★20.3K
webappBuild full-stack web apps on an Express, Vite, React, Tailwind and Drizzle template
website-buildingkortix-ai/sunaBuild distinctive production websites and landing pages with checked visual quality★20.3K
website-buildingBuild distinctive production websites and landing pages with checked visual quality
react-emailresend/react-emailBuild HTML email templates with React Email and send them through Resend★19.9K
react-emailBuild HTML email templates with React Email and send them through Resend
codegenvercel-labs/json-renderGenerate framework code from json-render UI specs with custom code exporters★18.8K
codegenGenerate framework code from json-render UI specs with custom code exporters
corevercel-labs/json-renderDefine json-render schemas and component catalogs that AI can generate specs from★18.8K
coreDefine json-render schemas and component catalogs that AI can generate specs from
devtools-reactvercel-labs/json-renderSet up the json-render devtools inspector in a React app and troubleshoot it★18.8K
devtools-reactSet up the json-render devtools inspector in a React app and troubleshoot it
devtools-solidvercel-labs/json-renderSet up the json-render devtools inspector in a SolidJS app and troubleshoot it★18.8K
devtools-solidSet up the json-render devtools inspector in a SolidJS app and troubleshoot it
devtools-sveltevercel-labs/json-renderSet up the json-render devtools inspector in a Svelte app and troubleshoot it★18.8K
devtools-svelteSet up the json-render devtools inspector in a Svelte app and troubleshoot it
devtools-vuevercel-labs/json-renderSet up the json-render devtools inspector in a Vue app and troubleshoot it★18.8K
devtools-vueSet up the json-render devtools inspector in a Vue app and troubleshoot it
directivesvercel-labs/json-renderAdd format, math, string and i18n directives to json-render specs, plus custom ones★18.8K
directivesAdd format, math, string and i18n directives to json-render specs, plus custom ones
inkvercel-labs/json-renderBuild interactive terminal UIs from json-render specs with the Ink renderer★18.8K
inkBuild interactive terminal UIs from json-render specs with the Ink renderer
jotaivercel-labs/json-renderConnect json-render state to Jotai through its StateStore adapter★18.8K
jotaiConnect json-render state to Jotai through its StateStore adapter
nextvercel-labs/json-renderTurn json-render specs into full Next.js apps with routes, layouts and SSR★18.8K
nextTurn json-render specs into full Next.js apps with routes, layouts and SSR
reactvercel-labs/json-renderRender json-render JSON specs as React components and catalogs of your own★18.8K
reactRender json-render JSON specs as React components and catalogs of your own
react-emailvercel-labs/json-renderRender json-render specs into HTML or plain-text emails with React Email★18.8K
react-emailRender json-render specs into HTML or plain-text emails with React Email
reduxvercel-labs/json-renderConnect json-render state to Redux and Redux Toolkit through its StateStore adapter★18.8K
reduxConnect json-render state to Redux and Redux Toolkit through its StateStore adapter
shadcnvercel-labs/json-renderAdd pre-built shadcn/ui components to json-render catalogs for web UIs★18.8K
shadcnAdd pre-built shadcn/ui components to json-render catalogs for web UIs
shadcn-sveltevercel-labs/json-renderAdd pre-built shadcn-svelte components to json-render Svelte catalogs★18.8K
shadcn-svelteAdd pre-built shadcn-svelte components to json-render Svelte catalogs
solidvercel-labs/json-renderBuild json-render catalogs and renderers in SolidJS, including reactivity fixes★18.8K
solidBuild json-render catalogs and renderers in SolidJS, including reactivity fixes
sveltevercel-labs/json-renderRender json-render JSON specs as Svelte 5 component trees and catalogs★18.8K
svelteRender json-render JSON specs as Svelte 5 component trees and catalogs
tanstack-startvercel-labs/json-renderBuild json-render apps on TanStack Start with routes, SSR loaders and metadata★18.8K
tanstack-startBuild json-render apps on TanStack Start with routes, SSR loaders and metadata
vuevercel-labs/json-renderRender json-render specs as Vue 3 components with your own component registry★18.8K
vueRender json-render specs as Vue 3 components with your own component registry
xstatevercel-labs/json-renderConnect json-render state to XState Store through its StateStore adapter★18.8K
xstateConnect json-render state to XState Store through its StateStore adapter
zustandvercel-labs/json-renderConnect json-render state to Zustand through its StateStore adapter★18.8K
zustandConnect json-render state to Zustand through its StateStore adapter
raw-appwindmill-labs/windmillCreate raw Windmill apps that follow the platform's required structure★18.3K
raw-appCreate raw Windmill apps that follow the platform's required structure
css-expertRightNow-AI/openfangLay out pages with flexbox, grid, animations and responsive CSS★18.2K
css-expertLay out pages with flexbox, grid, animations and responsive CSS
nextjs-expertRightNow-AI/openfangBuild Next.js apps with App Router, SSR, middleware and deployment★18.2K
nextjs-expertBuild Next.js apps with App Router, SSR, middleware and deployment
react-expertRightNow-AI/openfangBuild React apps with hooks, state management, Server Components and performance tuning★18.2K
react-expertBuild React apps with hooks, state management, Server Components and performance tuning
gsap-coregreensock/gsap-skillsWrite GSAP tweens with easing, stagger, defaults and responsive matchMedia rules★17.4K
gsap-coreWrite GSAP tweens with easing, stagger, defaults and responsive matchMedia rules
gsap-frameworksgreensock/gsap-skillsAnimate Vue and Svelte components with GSAP and clean up on unmount★17.4K
gsap-frameworksAnimate Vue and Svelte components with GSAP and clean up on unmount
gsap-performancegreensock/gsap-skillsKeep GSAP animations at 60fps with transforms, batching and fewer layout reads★17.4K
gsap-performanceKeep GSAP animations at 60fps with transforms, batching and fewer layout reads
gsap-pluginsgreensock/gsap-skillsApply GSAP plugins such as ScrollTo, Flip, Draggable, SplitText and Inertia★17.4K
gsap-pluginsApply GSAP plugins such as ScrollTo, Flip, Draggable, SplitText and Inertia
gsap-reactgreensock/gsap-skillsAnimate React components with GSAP, useGSAP, refs and safe cleanup★17.4K
gsap-reactAnimate React components with GSAP, useGSAP, refs and safe cleanup
gsap-scrolltriggergreensock/gsap-skillsBuild scroll-linked animations with GSAP ScrollTrigger, pinning and scrub★17.4K
gsap-scrolltriggerBuild scroll-linked animations with GSAP ScrollTrigger, pinning and scrub
gsap-timelinegreensock/gsap-skillsSequence GSAP animations with timelines, position parameters and nesting★17.4K
gsap-timelineSequence GSAP animations with timelines, position parameters and nesting
gsap-utilsgreensock/gsap-skillsApply GSAP utility helpers like clamp, mapRange, snap, wrap and toArray★17.4K
gsap-utilsApply GSAP utility helpers like clamp, mapRange, snap, wrap and toArray
miniappyc-software/qmBuild small interactive HTML demos that let people step through a mechanism★15.6K
miniappBuild small interactive HTML demos that let people step through a mechanism
ui-canvasyc-software/qmDraw your own HTML overlay on the web UI with buttons that message back★15.6K
ui-canvasDraw your own HTML overlay on the web UI with buttons that message back
ui-stateyc-software/qmInspect the live web UI state, page HTML and screenshot to see what the user sees★15.6K
ui-stateInspect the live web UI state, page HTML and screenshot to see what the user sees
auth-and-guardsTanStack/routerProtect TanStack Router routes with beforeLoad redirects, roles and auth providers★15.3K
auth-and-guardsProtect TanStack Router routes with beforeLoad redirects, roles and auth providers
code-splittingTanStack/routerSplit TanStack Router routes into lazy bundles with autoCodeSplitting and lazy files★15.3K
code-splittingSplit TanStack Router routes into lazy bundles with autoCodeSplitting and lazy files
data-loadingTanStack/routerLoad route data with loaders, cache timing, pending states and error components★15.3K
data-loadingLoad route data with loaders, cache timing, pending states and error components
execution-modelTanStack/routerKeep server and client code separated with TanStack Start environment boundaries★15.3K
execution-modelKeep server and client code separated with TanStack Start environment boundaries
migrate-from-nextjsTanStack/routerMigrate a Next.js App Router project to TanStack Start step by step★15.3K
migrate-from-nextjsMigrate a Next.js App Router project to TanStack Start step by step
migrate-from-react-routerTanStack/routerMigrate a React Router v7 app to TanStack Router route by route★15.3K
migrate-from-react-routerMigrate a React Router v7 app to TanStack Router route by route