edwardchanjw / CSS-Tools

MDN CSS Generation Tools

CSS Tools

Description

View tools here

Implementation Details

Pure JavaScript Works on Firefox, Chrome, Safary, Edge, IE9+

CSS Tools

Box-shadow

Drag and drop box-shadow generator

• unlimited number of shadows
• support 2 additional layers using :before and :after pseude-class

Border-radius

Border-image

Advance ColorPicker

Create custom web colors

• support full web standard colors: HEXA, RGB or HSL
• support for alpha channel
• 2 picking modes : HSV/HSB and HSL
• automatic generation of color palettes for: Hue, Staturation, Lightness/Value and Alpha

Linear-Gradient

Radial-Gradient

Modules

color-picker

• (HSV/HSB + HSL picking mode)

ui-checkbox

• CSS3 2-state styled checkbox

ui-dropdown

• HTML dropdown styled using CSS3

ui-slider

• standard slider with min, max, step, snap, value

ui-input-slider

• compact slider