OtoDev | css | OtoDev - Curated links for web developers

BoxShadows.xyz

Create, edit, and generate multiple custom CSS box shadows.

css

Custom Shape Dividers

Export a beautiful shape devider

css svg

Pixel Corners

Generate pixelated rounded corners for your website using CSS clip-path

code css

Tailwind Gradient Designer

Generate tailwind gradient classes

color css

Border Radius

Simple border radius generator

code css

Broider

Create 9-patch borders

css

CSS Grid Generator

Define and generate code for CSS Grid layouts

css

CSS Layout Generator

Create CSS for layout components.

css html

Clippy

Create CSS clip paths

css

Animated Gradient Background Generator

Create animated CSS backgrounds.

animation css

CSS Layout

A collection of popular layouts and patterns made with CSS

css

Gradihunt

Generate color gradients.

color css

Polka Dot Generator

Generate CSS-only polka dot patterns.

css

Shadow Elevation Editor

Create and edit a shadow based elevation array for your design system

css

Design Gradients

Find beautiful linear gradients.

color css

Quantity Queries

Generate CSS Quantity Queries to count elements and apply styles

css

Ratio Buddy

Calculate CSS aspect ratio’s

css

Gradient Shadow Generator

Create gradient CSS shadows with transparent parent element.

css

Filter blend

Play around with CSS blend modes.

css

Animate.css

Just-add-water CSS animations

animation css