Find Tools That Cover Your Code

Never start from blank Figma ever again! Website design components, app flows and color palettes!

Simple, headless, blogging CMS.

A simple gradient generator tool made by designer for designers to create stunning gradients with customizable colors, text, and effects.

Cloud-native architecture meets built-in tracing and routing. Experience log management without compromise.

The ultimate Three.js course whether you are a beginner or a more advanced developer.

A course to build intuition through reasoning for interaction design by Rauno Freiberg.

Unlock the full potential of your UI design and engineering skillsets. Learn to design and translate polished components into HTML and CSS.

An interactive mini-course on creating SVG animations by Nanda Syahrasyad.

Admin Dashboard Starter

Kickstart your project with the Next.js ShadCN Dashboard Starter.

Agent UI

A modern chat interface for AI agents built with Next.js, Tailwind CSS, and TypeScript.

Waitlist Template

A template of a waitlist using Next.js 14, Notion as a CMS, Upstash Redis for rate limiting and Resend for sending emails with a custom domain.

Crypto Wallet

Crypto Wallet template by Origin UI

beautifully crafted animated icons.

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

Lower-level component library for building accessible higher-level UI libraries, design systems and web applications with React.

A collection of beautiful, modern React components. Open source. Open code. Free to use.

Clone any website with pixel perfect accuracy.

Built to make you extraordinarily productive, Cursor is the best way to code with AI.

Chat with v0. Generate UI with simple text prompts. Copy, paste, ship.

Replit is an AI-powered platform for building professional web apps and websites.

Best-in-class Design Systems collection with a repository of Components and Foundations references from top-tier tech companies and leading UI teams.

Free, no sign up required and easy to use tool to create charts from any CSV or JSON data.

The Component Gallery is a collection of components from the best Design Systems.

A curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.

Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid and Lit.

Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.

oss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.

A fully type-safe router with built-in data fetching, stale-while revalidate caching and first-class search-param APIs.

Notes on the proposed Item Flow system for grid, flexbox, and masonry.

An overview of techniques I’ve used to generate random gradient images.

Exploring SVG and its visual effects applications.

The Dalai Lama walks into a bagel shop and says, "Can you make me one with everything?"

Create Amazing Mockups.

Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.

Customizable Starter Template with SSG & Instant Content Updates.

A playground to explore App Router features.