Examples · authentication

Sign in

An authentication screen pairing the live tollerud.no grain-gradient atmosphere with a validated form, OAuth options and a loading state — the system's most cinematic surface.

Split sign-in

A two-panel layout: brand and terminal on the left over the grain gradient, the form on the right. Collapses to a single column on mobile.

Tollerud

Welcome back to mission control.

❯

All systems operational

Sign in to your account

Use your Tollerud credentials.

No account?

Auth split layout

/components/auth-split-layout/

Two-panel hero/form auth screen — new in v4.17.0. Composes Monogram, PageHeader (with shimmer), and NoirGlowBackground. decoration renders an optional flourish element in the hero panel; glow toggles the live shader background.

PropsAuthSplitLayoutProps

Prop	Type
`projectName`	string
`eyebrow?`	string
`title`	string
`highlight`	string
`description`	string
`decoration?`	ReactNode
`glow?`	boolean
`homeHref?`	string
`children`	ReactNode

Butikkpils

41 priser fra 13 butikker

Track every price.

Crowdsourced beer prices, updated daily.

Butikkpils

auth-split-layout