Categories
Design & Assets
Generate gradients, favicons, SVG snippets, and color conversions. This collection groups fast, focused utility pages around one area of work.
50 tools
Article Schema Generator
Generate Article JSON-LD schema.
Aspect Ratio Calculator
Compute simplified aspect ratios and CSS aspect-ratio values.
Barcode Generator
Generate barcode images for product IDs and codes.
Baseline Grid Generator
Generate baseline grid specs and CSS for vertical rhythm.
Border Radius Generator
Generate border-radius CSS from corner values.
Box Shadow Generator
Generate CSS box-shadow values with custom offsets and blur.
Breadcrumb Schema Generator
Generate JSON-LD breadcrumb schema.
Card Hover CSS Generator
Generate card hover CSS snippet.
Color Converter
Convert between HEX, RGB, and HSL color formats.
Color Palette Generator
Generate lighter and darker shades from a base color.
Contrast Checker
Calculate WCAG contrast ratio between two colors.
CSS Button Generator
Generate styled CSS button code.
CSS Clamp Generator
Generate fluid CSS clamp() values for typography.
CSS Formatter
Pretty-print CSS with readable indentation.
CSS Gradient Generator
Generate a linear gradient and copy the CSS instantly.
CSS Gradient Text Generator
Generate CSS for gradient-colored text.
CSS Minifier
Minify CSS by removing comments and extra whitespace.
CSS Transform Generator
Build CSS transform strings from common transform values.
CSS Triangle Generator
Generate CSS triangles for arrows and indicators.
Dot Pattern CSS Generator
Generate dotted background CSS pattern.
Email Signature Generator
Create a polished email signature block.
Event Schema Generator
Generate Event JSON-LD structured data.
Favicon Generator
Create a simple SVG favicon from initials and brand colors.
Floating Label Input CSS Generator
Generate floating label input CSS.
Focus Ring CSS Generator
Generate accessible focus-ring CSS.
Glass Panel CSS Generator
Generate glassmorphism panel CSS.
Gradient Border CSS Generator
Generate gradient border CSS styles.
Hero Background CSS Generator
Generate hero background CSS.
Local Business Schema Generator
Generate LocalBusiness JSON-LD schema.
Modal Backdrop CSS Generator
Generate modal backdrop CSS effect.
Neumorphism Panel CSS Generator
Generate neumorphism panel CSS.
Noise Overlay CSS Generator
Generate noise overlay CSS style.
Outline Button CSS Generator
Generate minimal outline button CSS.
Pill Badge CSS Generator
Generate pill badge CSS style.
Placeholder SVG Generator
Generate customizable placeholder SVG images.
Pricing Card CSS Generator
Generate pricing card CSS styles.
Product Schema Generator
Generate Product JSON-LD schema markup.
QR Code Generator
Generate QR code image links for URLs and text.
Robots Meta Tag Generator
Generate robots meta tags for indexing controls.
Shadow Palette Generator
Generate a 5-step CSS shadow scale.
Skeleton Loader CSS Generator
Generate skeleton loading CSS snippet.
Spinner Loader CSS Generator
Generate CSS spinner loader snippets.
SVG Optimizer
Strip comments and collapse whitespace in SVG markup.
SVG to Data URI
Convert SVG markup into a CSS-ready data URI.
Text Shadow CSS Generator
Generate text-shadow CSS quickly.
Toast CSS Generator
Generate toast notification CSS style.
Tooltip CSS Generator
Generate tooltip CSS style snippets.
Twitter Card Generator
Generate Twitter card meta tags for pages.
Wave Divider CSS Generator
Generate wave divider CSS/SVG snippet.
Zebra Table CSS Generator
Generate zebra stripe table CSS.