Codeffeine

CSS & Design

Visual CSS generators, color tools and design utilities

16 tools available

Color Studio

Pick colors, convert formats, and generate palettes

Color Contrast Checker

Check color contrast for WCAG accessibility

Favicon Generator

Generate all favicon sizes from a single image

SVG Optimizer

Reduce SVG file size and improve performance

Lorem Picsum

Generate placeholder images for your designs

CSS Layouts

Generate Flexbox and Grid layouts

CSS Shadows

Generate box-shadow and text-shadow effects

Border Radius

Shape your elements with rounded corners

Button Generator

Create custom buttons with icons and styles

CSS Gradients

Create custom linear and radial gradients

Image Filters

Apply and combine CSS filters on images

CSS Shapes

Create geometric shapes and clip-path masks

Patterns & Textures

Generate custom CSS patterns

CSS Motion

Animations, transitions, and 2D/3D transforms

CSS Variables

Manage your custom CSS variables

Media Queries

Create responsive design breakpoints

© 2026 Codeffeine.dev
AboutContactPrivacy PolicyTerms of Service
Follow on X