design.dev valid

Design.dev

Tools, guides, and resources for modern front-end development. Zero-dependency CSS and JavaScript tools, comprehensive reference guides, free SVG icons, and AI coding configuration generators.

For agents: Front-end development reference: CSS guides (Grid, Flexbox, container queries, media queries), zero-dependency CSS/JS tools, free SVG icons and AI config genera

cssflexboxcss gridfront-end developmentsvg iconsmedia queries

Their llms.txt

The beginning of the file, from our validated copy saved 2026-10-21T00:21:34.550Z. Cached copy · Source on design.dev

# Design.dev

> Tools, guides, and resources for modern front-end development. Zero-dependency CSS and JavaScript tools, comprehensive reference guides, free SVG icons, and AI coding configuration generators.

## Tools

Interactive, zero-dependency CSS and JavaScript tools with real-time preview and copy-paste ready code.

- [All Tools](https://design.dev/tools/): Browse all 30+ free CSS and dev tools
- [ASCII Code Comment Generator](https://design.dev/tools/ascii-code-generator/): Generate ASCII art comment banners for HTML, JS, CSS and more, 100% client-side
- [Code Screenshot Generator](https://design.dev/tools/code-screenshot-generator/): Turn code into a beautiful screenshot image with syntax highlighting, themes, and PNG export — 100% client-side, code never uploaded
- [CSS Clamp Generator](https://design.dev/tools/clamp-generator/): Generate fluid font-size with CSS clamp() between two viewport widths
- [Color Contrast Checker](https://design.dev/tools/color-contrast-checker/): Check color contrast ratios for WCAG 2.2 and APCA accessibility compliance
- [CSS Grid Area Mapper](https://design.dev/tools/grid-area-mapper/): Visually design CSS Grid layouts by dragging areas, outputs grid-template-areas code
- [Box Shadow Generator](https://design.dev/tools/box-shadow-generator/): Create multi-layer CSS box-shadow effects with real-time preview
- [Text Shadow Generator](https://design.dev/tools/text-shadow-generator/): Create multi-layer CSS text-shadow effects with presets for 3D, neon glow, and letterpress
- [Gradient Mixer](https://design.dev/tools/gradient-mixer/): Create CSS gradients with visual controls, linear and radial gradients, and modern color-mix() syntax
- [Flexbox Playground](https://design.dev/tools/flexbox-playground/): Learn and experiment with CSS Flexbox properties with interactive visual editor
- [CSS Transform Playground](https://design.dev/tools/css-transform-playground/): Visualize and experiment with CSS transforms including rotate, scale, skew, translate, and 3D perspective
- [Cubic Bezier Studio](https://design.dev/tools/cubic-bezier-studio/): Design custom CSS timing functions with a visual cubic-bezier editor
- [OKLCH Color Converter](https://design.dev/tools/oklch-color-converter/): Convert colors between HEX, RGB, HSL, HWB, OKLCH, and LAB with accessible palette generation
- [CSS Filter Effects](https://design.dev/tools/css-filter-effects/): Create and combine CSS filter effects — blur, brightness, contrast, and more
- [Backdrop Filter Playground](https://design.dev/tools/backdrop-filter-playground/): Create frosted glass and glassmorphism effects with CSS backdrop-filter
- [Hover Effect Generator](https://design.dev/tools/hover-effect-generator/): Create CSS hover effects — transform, scale, glow, and animate elements on hover
- [Clip-Path Shapes](https://design.dev/tools/clip-path-shapes/): Create custom CSS clip-path shapes — circles, polygons, and custom paths
- [Border Radius Playground](https://design.dev/t
…

Related sites

Find similar publishers by meaning →

Other listed sites in Developer tools. See the whole category →

Machine-readable: GET /v1/resolve?q=design.dev · GET /v1/domain/design.dev · this page as Accept: application/json or text/markdown · MCP lookup_domain

Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.

Claim my listing on Agent Web Map for design.dev:
1. POST https://agentwebmap.com/v1/sites/design.dev/claims and keep claim_id and claim_secret private.
2. Publish the proof: add the line "AgentWebMap ownership: <token>" (token from step 1) to https://design.dev/llms.txt, or use the DNS, meta-tag or well-known method the response describes.
3. POST https://agentwebmap.com/v1/sites/design.dev/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/design.dev).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verify

Corrections or removal requests: contact the directory.