Hero section · GODRICH

Design trends2026-09-109 items

Mesh Gradient CSS, Grain Left In on Purpose

Mesh gradient CSS blends blurred color blobs across a dark canvas like an aurora, then adds film grain so it doesn't rea

Read

Claymorphism pairs a thick corner radius with one bright highlight and one dark shadow on the same surface, so a card re

Kinetic typography is a design style where the headline scales with the viewport and words rise into place one after ano

A linear style landing page — all over Dribbble and Pinterest right now — leans on Linear.app's ink-black background and

Scroll2026-09-10

A hero section is the big banner filling a landing page's first screen — headline, text, button. This set holds nine CSS

Feedback2026-09-109 items

A css particle background scatters small shapes across a stage and drifts each one along its own nth-child path with tra

Feedback2026-09-109 items

Each of these nine css text shine animation effects clips a moving gradient, a glow, or a spinning hue onto plain letter

Feedback2026-09-099 items

A css background animation is a decorative layer — a shifting gradient, a drifting grid, blurred shapes — that loops beh

Feedback2026-09-099 items

These nine css text animation effects move a heading into view, into color, or into a short wiggle using only transform,

Feedback2026-09-099 items

A css typing animation is a text effect that types itself onto the screen letter by letter, built from a width transitio