Landing page · GODRICH

Scroll2026-09-119 items

9 Website Scroll Effects — Apple-Style, CSS Only

Website scroll effects, done with no scroll library at all, feel the way Apple's product pages do. Nine of them are here

Read

Buttons2026-09-11

css button design means deciding a button's colors, shape, and mouse reaction in a few lines of code. Want that candy-gr

i18n2026-09-11

i18n JSON files break quietly: a key missing from en.json leaves a button empty, and a stray {name} placeholder ships wi

gallery2026-09-11

A before after slider stacks two photos and splits them at a line you can move, so before and after show side by side. T

Neumorphism design keeps a card's background nearly identical to the page behind it, then adds one light shadow and one

gallery2026-09-119 items

CSS image gallery grid effects arrange photos into a grid or waterfall that reacts to hover and click, as pretty as the

Design trends2026-09-109 items

HUD interface design borrows the targeting reticles and radar overlays from sci-fi movies and games, laying corner brack

Design trends2026-09-109 items

Y2K web design brings back the chrome shine of early-2000s CDs and holographic packaging, rebuilt in pure CSS. It's the

Design trends2026-09-109 items

A neobrutalism UI kit trades soft, blurred drop shadows for thick black borders and flat right-angle corners — and the s

Feedback2026-09-109 items

CSS card hover effects are the short changes — a tilt, a flip, a badge popping in — that a card plays on hover, ready to