← Back to ToolFlow

All 78 Free Design Tools

Every tool on ToolFlow — CSS generators, color tools, accessibility checkers, and more. No login, no tracking, free forever.

Accessibility

Color & Gradients

CSS Generators

CSS Gradient Generator Linear, radial and conic gradients with multiple color stops
Box Shadow Generator Multi-layer CSS box shadows with live sliders
Text Shadow Generator CSS text-shadow — glows, 3D, neon, long shadows
Glassmorphism Generator Glass morphism — blur, opacity, border, tint
Neumorphism Generator Soft UI neumorphic effects with CSS box-shadow
Gradient Text Generator CSS gradient text via background-clip with animated options
CSS Button Generator Button styles — solid, outline, gradient, neon, glass, 3D
CSS Loader Generator Pure CSS spinners — spinner, dots, bars, pulse, ring, wave
CSS Tooltip Generator Pure CSS tooltips — position, color, arrow, animation
CSS Triangle Generator CSS triangles via border trick or clip-path, 8 directions
CSS Animation Generator @keyframes animations — 20+ presets across 4 categories
CSS Gradient Border Gradient borders — background-clip (with border-radius) or border-image
CSS Pattern Generator Background patterns — dots, grid, stripes, chevrons, checkerboard
CSS Transition Generator CSS transitions with a visual cubic-bezier editor
Border Radius Generator All four corners independently — round, pill, blob shapes
CSS Filter Generator Brightness, contrast, saturation, hue-rotate, blur and more
CSS Clip-Path Generator Polygon, circle and ellipse clip-path shapes — drag points
CSS Scrollbar Generator Custom scrollbars — width, colors, border radius, hover state
SVG Wave Generator Layered SVG waves for website sections — animated, multi-layer
CSS Variables Generator Complete CSS custom properties — colors, spacing, typography, shadows
CSS Progress Bar Generator Gradient fills, stripes, glow and indeterminate animations — copy CSS instantly
CSS Input Styler Style text inputs with custom borders, background, focus state and placeholder c…
CSS Checkbox & Radio Generator Pure CSS custom checkboxes and radio buttons — no JS, no images
CSS Select Styler Style native HTML select dropdowns with custom CSS — colors, borders, arrows, fo…
CSS Toggle Switch Generator Pure CSS on/off toggle switches — size, colors, knob shape, spring animation, no…
CSS Skeleton Loader Generator Build CSS skeleton loading placeholders — card, profile, article and list layout…
CSS Range Input Styler Style HTML range sliders with custom thumb, track, fill color and focus ring — C…
CSS Cursor Generator Preview all 30+ CSS cursor keywords live. Click any cursor to copy the CSS rule …
CSS Outline Generator Build CSS outlines and accessible focus rings — width, style, color and offset w…
CSS Transform Generator Combine translate, rotate, scale and skew visually — live preview, copy transfor…
CSS Backdrop Filter Generator Glassmorphism and frosted glass with backdrop-filter — blur, brightness, contras…
CSS Hover Effects Generator 24 hover effects for buttons, cards and links — lift, glow, slide fill, shimmer,…
CSS Custom Properties Generator Build design token systems — colors, spacing, typography, shadows as CSS variabl…
CSS Blend Mode Generator Preview all 16 CSS blend modes — mix-blend-mode and background-blend-mode. Live …
CSS Scroll Snap Generator Build scroll snap containers — scroll-snap-type, align, padding. Interactive dem…
CSS Mask Generator CSS mask-image effects — fade edges with gradients, reveal with radial masks. 8 …

Layout

Typography

Utility