Know your noodles.
Then let AI do the rest.

A curated, plain-English directory explaining what popular libraries, frameworks, and coding languages actually do. Built for designers, makers, and nocoders to help you pick the right stack and prompt AI better.

How to vibe-code with this directory

Have an idea

Think of a specific feature you want to add to your project, like a "3D animation", a "user database", or a "photo slider".

Find the right tool

Filter the directory below. We curated only the golden standards, so you'll always find the exact right library for the job.

Prompt your AI

Build with intent and awareness. Pick from the golden standards here, then give your AI the exact context of what stack to use. Less hallucinations, better code.

Explore the directory

Find the right library for your next idea.

JavaScript Python JS + Python CSS
JS GSAP

The gold standard for smooth, complex animations on the web.

scroll animationhero animationSVG animation
JS Motion / Framer Motion

Simple, powerful animation library — works with or without React.

UI animationpage transitionsgesture
JS Anime.js

Lightweight animation library with a clean, simple API.

CSS animationSVG animationlightweight
JS Lenis

Smooth scroll library that makes your page feel silky.

smooth scrollscroll animationmarketing
JS Three.js

The standard library for 3D graphics in the browser.

3D graphicsWebGLinteractive art
JS p5.js

Creative coding library inspired by Processing — perfect for visual art and experiments.

generative artcreative codinginteractive sketch
JS Konva.js

Canvas library for building interactive drawing and diagramming apps.

diagram editorimage editorcanvas app
JS Fabric.js

Powerful canvas library for image manipulation and graphic design tools.

image editordesign toolcanvas
JS tldraw

Ready-made infinite canvas SDK for building whiteboard apps.

whiteboardinfinite canvasdiagram
JS ReactFlow / XYFlow

Build node-based editors, flowcharts, and pipeline UIs.

node graphworkflow builderflowchart
JS Cytoscape.js

Graph theory library for visualizing networks and relationships.

network graphknowledge graphorg chart
JS Panzoom

Add pan and zoom to any element — images, SVGs, canvases.

pan and zoomimage viewermap interface
JS Tone.js

Build synthesizers, sequencers, and interactive audio in the browser.

synthesizerstep sequencermusic tool
JS Howler.js

Simple audio playback library — sound effects, music, spatial audio.

sound effectsbackground musicgame audio
JS WaveSurfer.js

Display and interact with audio waveforms.

waveformaudio playerpodcast
JS D3.js

The most powerful data visualization library for the web.

custom chartSVG visualizationinteractive data
JS Chart.js

Simple, flexible charts for the web — bars, lines, pies, and more.

bar chartline chartpie chart
Python Pandas

The essential Python library for working with tabular data (like spreadsheets).

data analysisCSVspreadsheet
JS + Py Playwright

Control a real browser with code — for testing and web scraping.

web scrapingbrowser automationtesting
Python BeautifulSoup

Parse and extract data from HTML pages — great for simple scraping.

web scrapingHTML parsingdata extraction
JS + Py n8n

Visual workflow automation — like Zapier but self-hostable and more powerful.

automationworkflowAPI integration
JS Vite

The fastest way to start a modern JavaScript project.

build tooldev serverbundler
JS Alpine.js

Tiny JavaScript framework for adding interactivity to HTML — no build step needed.

interactivitytabsdropdown
JS Zod

Validate data shapes in TypeScript — make sure your data is what you expect.

validationform validationTypeScript
JS Axios

Make HTTP requests (fetch data from APIs) easily.

API callsHTTP requestsdata fetching
JS date-fns

Everything you need to work with dates in JavaScript.

date formattingdate comparisoncalendar
JS Zustand

Simple, lightweight state management for React apps.

state managementReactglobal state
JS TanStack Query

The smartest way to fetch and cache server data in React.

data fetchingcachingAPI
JS + Py Socket.io

Real-time communication between your app and server — for chat, live updates, multiplayer.

real-timechatlive updates
JS + Py Supabase

Open-source Firebase alternative — database, auth, storage, and real-time, all in one.

databaseauthenticationuser accounts
JS Prisma

A tool that connects your app to a database so you don't have to write SQL by hand.

databaseORMSQL
JS Drizzle ORM

Lightweight database toolkit — SQL but with TypeScript superpowers.

databaseORMSQL
Python SQLAlchemy

Python's most popular database toolkit — connect to any SQL database.

databaseORMPython
JS + Py LangChain

Build LLM-powered apps — chains, agents, RAG pipelines.

LLMchatbotRAG
JS + Py LlamaIndex

Connect LLMs to your own data — PDFs, databases, APIs.

RAGdocument Q&Adata indexing
Python Pydantic

Define data shapes in Python and validate them automatically.

validationdata modelingAPI
Python Celery

Run tasks in the background without slowing down your web app.

background jobstask queueasync tasks
Python FastAPI

Build fast, modern Python APIs with automatic documentation.

APIPython backendREST API
JS Express.js

The classic Node.js web server — simple, flexible, widely used.

web serverAPINode.js
JS Hono

Ultrafast, lightweight web framework — works on Edge, Cloudflare, Node.js.

web serverAPIserverless
JS React Native / Expo

Build iOS and Android apps with JavaScript and React.

mobile appiOSAndroid
JS NativeWind

Use Tailwind CSS classes in your React Native app.

mobile stylingTailwindReact Native
CSS Tailwind CSS

Style your UI with short utility classes directly in your HTML.

stylingutility CSSresponsive design
CSS UnoCSS

Instant, on-demand atomic CSS — like Tailwind but faster and more flexible.

utility CSSatomic CSSfast build
CSS Open Props

CSS custom properties (variables) for consistent design tokens.

design tokensCSS variablesdesign system
CSS Sass / SCSS

CSS with superpowers — variables, nesting, mixins, and more.

CSSstylingvariables
JS shadcn/ui

Copy-paste accessible React components styled with Tailwind.

UI componentsReactTailwind
JS Radix UI

Unstyled, accessible React component primitives — full control over styling.

accessible componentsReactunstyled
CSS DaisyUI

Beautiful Tailwind component classes — buttons, cards, navbars, and more.

UI componentsTailwindrapid prototype
JS Headless UI

Accessible, unstyled UI components for React and Vue — by the Tailwind team.

accessible componentsReactVue
JS FilePond

Beautiful, feature-rich file upload component.

file uploaddrag and dropimage upload
JS html2canvas

Take screenshots of any part of your webpage.

screenshotimage exportshare card
JS browser-image-compression

Compress images in the browser before uploading.

image compressionfile uploadclient-side
Python Pillow

Python library for image processing — resize, crop, filter, convert.

image processingimage resizeimage conversion