Resources Directory_

Count tokens, words, and characters for LLM prompts. Supports GPT-3.5, GPT-4, and Claude models. Runs entirely in your browser.

Create and share beautiful images of your source code. Customize the theme, font, and window style, then export as PNG or SVG.

Visual CSS Grid builder: set columns, rows, and gaps, then drag and drop elements to design a layout. Exports ready-to-use HTML and CSS with one click.

Pick from common CSS Grid templates (Holy Grail, sidebar, 3x3) or Flexbox patterns (row wrap, fill space) and get the matching CSS instantly.

Virtual whiteboard for sketching hand-drawn-like diagrams. Great for architecture diagrams, wireframes, and quick system designs.

Curated gallery of standout website design for visual inspiration, browsable by category — web, branding, product, typography, motion, and more.

Visualize, analyze, and transform JSON, YAML, XML, CSV, and TOML data into interactive graphs. Great for debugging complex API responses.

Fast, async link checker that finds broken URLs and email addresses across HTML, Markdown, and reStructuredText files. Ships as a CLI and a GitHub Action for catching dead links in CI before they hurt your SEO.

Deterministic scanner for React codebases that flags anti-patterns like unnecessary useEffects, accessibility errors, and prop drilling that Context could avoid. Runs as a CLI (npx) or as an agent skill for Claude Code, Cursor, and others.

Curated library of optimized SVG brand and dev-tool logos with light/dark variants, searchable by category, with community packages for React, Vue, and Svelte.