Very Smooth Code - Developer Tools Hub

Tools & Toys

Interactive tools, visual experiments, and developer utilities

Emoji Rain

Beautiful emoji animations for the web. Drop coins, mushrooms, stars, and any emoji with physics-based falling effects.

AnimationJavaScriptTry it

</>

Clipster

VS Code extension to copy file paths, folder structures, and contents from the file explorer. Share with AI agents or real humans.

VS CodeTypeScriptMarketplace

CSS Grid Generator

Generate CSS Grid layouts with customizable rows and columns. Perfect for quick layout prototyping.

CSSTypeScript

#F0A

Color Converter

Convert colors between HEX, RGB, and HSL formats. Includes alpha channel support.

ColorTypeScript

/.*/g

Regex Tester

Test and debug regular expressions in real-time. Highlights matches, captures groups, and explains patterns in plain English.

UtilityTypeScript

Box Shadow Generator

Create beautiful CSS box shadows with multiple layers. Preview and copy the code.

CSSTypeScript

**Bold** _italic_↓ Ctrl+Shift+VClean text

TypePaste

Paste formatted text as plain keystrokes. Strips rich formatting from Claude, ChatGPT, Notion, and pastes clean text into Slack, Teams, Discord — or converts Markdown to each app's native format.

UtilityTypeScript

CSS Gradient Generator

Generate beautiful CSS gradients with support for linear, radial, and conic types. Includes preset collections for sunset, ocean, forest, neon, and more.

CSSTypeScript

Agent1Agent2Agent3

───┬───Browsergator────┘Chrome

Browsergator

Multi-agent Chrome MCP gateway. One browser, many AI agents. Replaces 20 duplicate chrome-devtools-mcp processes with a single coordinated gateway using per-tab FIFO queues, leases, and audit logging.

MCPTypeScriptLive

Resources

Icon libraries, code snippets, and developer essentials

FamFamFam Silk Icons

1,000 pixel-perfect 16x16 icons by Mark James. The legendary icon set that powered a generation of web apps.

Icons16x16GitHub

FatCow Farm-Fresh Icons

4,000+ icons from the golden era. A massive collection of 32x32 pixel icons covering every use case imaginable.

Icons32x32GitHub

import { clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'

export function cn(...inputs) {
  return twMerge(clsx(inputs))
}

cn() Class Merge

The essential Tailwind utility. Merge class names with conflict resolution. Used in every shadcn/ui project.

SnippetTailwind

function useLocalStorage<T>(
  key: string, init: T
): [T, (v: T) => void] {
  const [val, setVal] = useState(
    () => JSON.parse(
      localStorage.getItem(key)!
    ) ?? init
  )
  // ...
}

useLocalStorage

Type-safe React hook for localStorage. Automatic serialization, SSR-safe, and reactive updates.

SnippetReact

Cheatsheets

Quick reference guides for the tools you use every day

$ git commit$ git rebase$ git stash

Git Commands

Essential Git commands from everyday workflows to advanced rebasing, stashing, and history rewriting.

CheatsheetGit

CSS Flexbox

Every Flexbox property visualized. Alignment, ordering, wrapping, and common layout patterns at a glance.

CheatsheetCSS

Partial<T>Omit<T, K>Record<K, V>

TypeScript Utility Types

Partial, Pick, Omit, Record, and more. Every built-in utility type with examples and use cases.

CheatsheetTypeScript

SAP

Share As Prompt

Every item on this site has a SAP button. One click copies a structured AI-ready prompt — paste it into Claude, ChatGPT, or any AI agent to instantly implement the tool, snippet, or pattern.

We're building SAP as an open web standard. Tight spec, great SEO, developer-friendly. Any site can adopt it.

GitHub →

# Implement: Emoji Rain

## Description

A JavaScript library that creates

falling emoji animations with

physics-based motion...

## Code

```typescript

function rain(emoji, opts) {

// full implementation

}

```

_

Coming Soon

Preview

Tools in development — launching soon at vs-code.com

⌨️

Coming Soon

TypePaste Desktop

System tray app that pastes as keystrokes. Strips rich formatting from AI tools, converts Markdown to Slack/Discord/Teams native format. Ctrl+Shift+V everywhere.

DesktopElectronClipboard

👁️

Coming Soon

MDEye

Solarized Markdown Editor with Electron, WYSIWYG editing, PDF export, and Mermaid diagram support. Right-click any .md file to open.

EditorElectronMarkdown

📸

Coming Soon

AI Pasta

Clipboard → AI vision analysis. Paste any image, get instant AI description via local Ollama models. Privacy-first, runs 100% locally.

VisionOllamaLocal AI

Articles

Stories about building things that last

dev.to2025-01-15

Raiders of the Lost Code: Unearthing Abandonware with AI Agents

How AI Agents Turn Your Forgotten Projects into Gold with Minimal Effort. Ever opened a folder and discovered dozens of half-finished projects?

Read on dev.to →

Blog2024-01-25

The FamFamFam Silk Icons: A Pixel-Perfect Legacy

How Mark James created 1,000 free icons that shaped the visual language of the early web and continue to influence design today.

Read article →

Blog2024-01-25

FatCow Icons: 4,000 Free Icons That Defined an Era

The story of how a web hosting company created one of the most comprehensive free icon sets ever made, and why it still matters.

Read article →

Blog2025-02-20

Share As Prompt: Making Every Code Snippet AI-Ready

How the Share As Prompt (SAP) standard bridges the gap between code resources and AI agents, turning any code snippet, tool, or cheatsheet into a structured prompt that LLMs can immediately act on.

Read article →