Paste a Figma / Tokens Studio variables JSON and export to Tailwind, shadcn CSS variables, Style Dictionary, or SCSS. Preserves color, spacing and font tokens with type inference.

Design

Field of View Calculator

Calculate camera field of view from focal length and sensor size, with scene coverage at distance.

Design

ECharts Theme Token Extractor

Extract design tokens — colors, numbers, font sizes and strings — from an ECharts theme JSON and export them straight into your design system. Paste a theme object (the kind registered via echarts.init(dom, themeName)) and the tool walks every leaf, tagging each color (with optional named/rgb → hex normalization), spacing number, font size and string, then emits clean CSS variables, a Tailwind theme.extend config, Style Dictionary tokens.json, or SCSS variables. Bridges the gap between an ECharts visualization theme and Figma/CSS/Tailwind design tokens without copying each value by hand.

Design

Email Signature HTML Builder

Generate a clean, copy-paste HTML email signature that renders correctly in Gmail, Outlook, and Apple Mail — with avatar/logo, social icons (auto-detected from your links), accent color, light/dark/auto theme, and a table-based email-safe layout using inline styles. Copy the raw HTML and paste straight into your mail client.

Design

Image Blur

Add blur effects to images with adjustable blur strength and multiple blur types

Design

Image Brightness Adjustment

Adjust image brightness levels with real-time preview and precise control

Design

Image Contrast Adjustment

Adjust image contrast levels with precise control for enhanced image clarity