Glass and Border Effects
Frosted glass, gradient borders and glows for cards and hero sections. Real CSS with a live preview, ready to copy as CSS, Tailwind or HTML.
Open in editorUI effects
Glass, shadows, bento grids and gradients as ready-made code for cards, buttons and layouts. Copy it and paste it into your project.
6 generators
CSS Shadow Generator
Soft, layered shadows for cards and buttons. Real CSS preview, export as box-shadow, Tailwind or drop-shadow.
Open in editor
Bento Grid
Rounded tiles of different sizes in a grid, without gaps. For feature sections, portfolios and social graphics, as CSS Grid, Tailwind or an image.
Open in editor
CSS Gradient
Linear, radial and conic gradients with smooth OKLCH transitions. Export as CSS, SVG or image.
Open in editor
Striped Gradient
Vertical stripes, each with its own gradient, slightly offset against each other. Export as PNG, JPG, WebP, SVG or CSS.
Open in editor
Blob Generator
Organic shapes in one click, filled, outlined or with a gradient. Export as SVG or image.
Open in editor