🎨 Design & Frontend

🔺

CSS Triangle Generation

Generate triangles in any direction with border

📦

Flexbox Layout Generation

Visually adjust flex properties and generate code

🌗

Contrast Testing

Test foreground/background color contrast for WCAG compliance

📏

convert px/rem

conversion of px, rem, em, pt units

🌈

Color Scheme Generation

Generate complementary/analog/monochrome color scheme based on primary color

🎨

Color Tools

Hex/RGB/HSL Interop & Palette

🌈

CSS Gradient Generation

Generate Linear/Radial Gradient CSS

🌑

CSS Shadow Generation

Generate box-shadow code

⬜

CSS Rounding Generation

Generate border-radius visually

📈

Easing Curve Generation

Adjust cubic-bezier animation easing curve

🧊

Glass Mimicry Generation

Generate Frosted Glassmorphism Effect CSS