Tools, Methods & Processes

Open-source design editor with Figma compatibility and built-in AI

Professional design software for creative projects

Open-source design system for digital government solutions in Germany

Free CSS framework for Bricks Builder with native integration

Create and export animations for websites without code

Professional WordPress theme customization without coding knowledge

CSS framework for WordPress page builders with automatic responsiveness

Open-source design platform for seamless designer-developer collaboration

800+ pre-built layouts for Bricks Builder with BEM class naming

Free design templates and tutorials for Bricks Builder

Curated Google Font combinations for harmonious font pairings

Free CSS gradients for web design – 180 ready-made gradients

Fluid Responsive Design without Breakpoints – Systematically Scale Typography and Spacing

Visual CSS generator for smooth, multi-layered box shadows

Visually create and export color palettes and CSS gradients

Interactive color palette generator with live preview for designers

AI-powered color palettes for brands, websites and illustrations

Create color scales and harmonious color gradients for CSS with ease

Visual cheatsheet for CSS Grid Layout with all important properties

Create animated CSS gradients and export as ready-to-use code

Create professional CSS gradients without gray zones

Create CSS gradients with a click and export directly as code

CSS Clamp Generator for responsive typography scales without media queries

Visual Flexbox cheatsheet with interactive examples for CSS layouts