Toolchain
Vite+ — opens in a new tab
One toolchain (vp) for env, install, dev, build, test and pack — built on Vite and Rust, open source
Platform: Web
Vibe CodeFrontend & Tooling
Build Tools & Compilers
3 itemsBundlers, compilers and language extensions for TypeScript
Rust bundler with a Rollup-compatible API — fast builds for JavaScript and TypeScript
Platform: Web + Mobile
Bundler
Rspack — opens in a new tab
Rust bundler with Webpack compatibility — fast builds for React and large projects
Platform: Web
Styling & Components
4 itemsStyling frameworks, design-system tooling and ready UI components for web and React Native
CSS tool
cnfast — opens in a new tab
A fast replacement for cn (clsx + tailwind-merge) — same API, identical output, with a migration CLI
Platform: Web + Mobile
CSS framework
StyleX — opens in a new tab
Type-safe styling system from Meta — atomic CSS, composition, themes and build-time extraction
Platform: Web
CSS framework
Uniwind — opens in a new tab
Tailwind bindings for React Native — a faster drop-in replacement for NativeWind
Platform: Mobile
Components
shadcn/ui — opens in a new tab
Radix-based UI components with Tailwind — fully accessible and copy-paste
Platform: Web
APIs & State
7 itemsData fetching, type-safe APIs and state management in React
Sync engine
Zero — opens in a new tab
Sync engine for the web — local queries that update in the background from Postgres, without hand-written HTTP APIs
Platform: Web
Sync engine
PowerSync — opens in a new tab
SQLite-based sync — syncs your backend (Postgres, MySQL, MongoDB) with local SQLite, offline-first and realtime
Platform: Web + Mobile
Data fetching
TanStack Query — opens in a new tab
Server state management — caching, deduplication, background refetching and optimistic updates
Platform: Web + Mobile
End-to-end type safety between server and client — no code generation, with React Query
Platform: Web + Mobile
State management
Jotai — opens in a new tab
Atomic state for React — atoms, derived atoms and re-render optimization
Platform: Web + Mobile
State management
Zustand — opens in a new tab
Minimal client state for React — stores, selectors, middleware and Immer
Platform: Web + Mobile
State management
Legend-State — opens in a new tab
Fast state and sync — fine-grained reactivity, observables, persistence and local-first sync
Platform: Web + Mobile
Validation & Forms
3 itemsValidation, parsing and forms in React
Validation
Zod — opens in a new tab
Type-safe validation schemas — parsing, transformations and error messages
Platform: Web + Mobile
Validation
ArkType — opens in a new tab
Validation with TypeScript syntax — significantly faster than Zod
Platform: Web + Mobile
High-performance forms — validation, errors and minimal re-renders
Platform: Web + Mobile
Localization
4 itemsi18n libraries and translation management platforms
Internationalization for Next.js with the App Router, Server Components and type safety
Platform: Web
Type-safe i18n from Inlang — tree-shaking, zero runtime and compiler-based
Platform: Web
i18n framework with plugins, namespaces and context — React, React Native, Vue and Svelte
Platform: Web + Mobile
Translation management
Crowdin — opens in a new tab
AI-powered localization platform — Git integrations, 100+ formats, QA checks and an API
Platform: Web + Mobile
Dates & Time
2 itemsLibraries for dates, times and time zones
Modular date library — tree-shaking, formatting and internationalization
Platform: Web + Mobile
Immutable date library with time-zone awareness through the Intl API
Platform: Web + Mobile
Utils & Error Handling
2 itemsUtilities, async and Result types for error handling
Error handling
better-result — opens in a new tab
A Result type for TypeScript — functional error handling with generators
Platform: Web + Mobile
Error handling
Effect — opens in a new tab
A TypeScript library for building reliable apps — typed errors, concurrency, retries, dependency injection, streams and schema
Platform: Web + Mobile
What is Vibe Code?
Vibe Code is a free, hand-picked directory of 924 developer tools, libraries, agent skills, MCP servers and learning resources for building web, mobile and AI apps. Everything is organized into 29 sections and 144 topics, with install commands, platform tags and short descriptions, and it is kept up to date throughout 2026.
Frequently asked questions
Who is Vibe Code for?
Developers, designers and founders who build with AI coding agents like Claude Code, Codex and Cursor, and want a short list of tools that actually work instead of endless search results.
How are the tools chosen?
Every card is picked by hand and reviewed: links are checked, duplicates and abandoned projects are removed, and install commands use Bun. Each card links to the official site or repository.
Is Vibe Code free?
Yes. The directory is free to use with no sign-up. Most listed tools are open source or have a free plan, and paid tools are marked in their descriptions.
Can AI assistants read this site?
Yes. The site publishes llms.txt and llms-full.txt with every tool in plain text, plus structured data, so ChatGPT, Claude, Perplexity and other answer engines can understand and cite it.