SCSS · 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

Feedback2026-09-11

A badge is the small label on a thumbnail or name that shows status at a glance — new, sale, verified, sold out. Good CS

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

Pickers2026-09-11

A segmented control is that pill-shaped tab switch on iOS settings screens, where picking one of a few options slides a

Lists & tables2026-09-119 items

Swipe to delete is dragging a list row sideways so a delete button slides out from behind it — the app gesture you keep

Auth UI2026-09-119 items

Login form design is more than an email field and a button — it's card material, layout, step progress. One of these nin

Feedback2026-09-119 items

A CSS holographic card effect fakes how foil catches light from different angles using only CSS gradients — the shine be

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

Scroll2026-09-109 items

A CSS sticky header keeps a page's menu bar pinned to the top while everything below scrolls past. These nine make piece