OtoDev | css | OtoDev - Curated links for web developers

InstaFilters

Generate Instagram filters with CSS.

css

Modern fluid typography editor

Create, fine-tune and generate CSS fluid typography code

css font Typography

Box Shadows

Interactively create box shadows and get the CSS to generate them

css

Easing gradients

Create and preview your own easing gradients in CSS.

css

Style Object to Custom Properties Converter

Convert a JavaScript Style Object to CSS Custom Properties (CSS Variables)

css javascript

Neumorphism.io

Generate Soft-UI CSS with box-shadows and gradients

css

CSS Scroll Shadows

Create CSS scroll shadows

css

Scrollbar.app

Design custom scrollbars for the web with easy to use online editor.

css

Glassmorphism

Create a blurry glass background effect.

css

mediaquery.style

Find popular media queries.

css

Conic.Style

Find CSS conic gradients

color css

Vanilla Breeze

Convert Tailwind CSS to Semantic CSS

css

Houdini

Find resources and worklets all around Houdini

css

Flexbox Cheatsheet

Get a graphical overview of the CSS flexible box layout properties

Cheatsheet css

Doodad Pattern Generator

Create unique, seamless and royalty-free patterns.

css svg

Custom Borders using Mask

Create custom and fancy CSS borders.

css

Typescale

A Visual Type Scale generator

css font

Fancy-Border-Radius

Build organic shapes with CSS border-radius

css

Transparent Textures

Search for transparent patterns that can be used as background images with any background color in CSS.

css

CSS Shadow Gradients

Create CSS gradient shadows

css