All tools · page 260
6,901 free tools across 25 categories. Tools marked with a lightning bolt are ready to use right now.
Set length and direction to get stepped box-shadow or repeating-gradient long-shadow CSS for flat design.
Generate eight-value border-radius strings for squishy organic shapes with copyable CSS.
Set notch size and choose corners to get clip-path CSS for cut-corner cards and tickets.
Choose facet count to get gem-like polygon clip-path CSS for badges and price tags.
Set size and color to get heart-shape CSS using a rotated square with pseudo-element circles.
Set opposite-corner radii to get leaf and petal border-radius CSS.
Set side angles to get trapezoid clip-path CSS for folder-style tabs.
Set hole position and radius to get mask CSS that punches a transparent circle in an overlay.
Set scallop size and repeat to get radial-gradient background CSS for scalloped borders.
Set tooth height and angle to get repeating-linear-gradient CSS for zigzag dividers.
Set notch radius and spacing to get radial-gradient CSS for perforated ticket edges.
Set amplitude and thickness to get wavy underline CSS via background gradients where text-decoration fails.
Set roughness to get jagged mask CSS for torn-paper section edges.
Set size and colors to get folded ribbon-corner CSS using gradient shading.
Set widths, colors, and angle to get repeating-linear-gradient stripe background CSS.
Set dot size, spacing, and colors to get radial-gradient polka-dot background CSS.
Set square size and colors to get conic-gradient checkerboard background CSS.
Set cell size and line color to get blueprint-style grid background CSS with major and minor lines.
Set stripe thickness and angle to get subtle hatch background CSS for disabled or placeholder areas.
Set diamond size and colors to get argyle repeating-gradient background CSS.
Layer stripe gradients to get tartan plaid background CSS with transparent overlaps.
Set dot density ramp to get halftone background CSS that fades like printed shading.
Set weave scale to get carbon-fiber background CSS from layered gradients.
Set brick size and mortar color to get offset-brick background CSS.