Skip to content
AbElements docs

Build Next.js UIs with AbElements

Eight focused packages — fonts, icons, animations, theme, hooks, core, components and i18n — documented with live examples.

pnpm add ab-nextjs-core

Packages

8
  • Fonts

    ab-nextjs-fonts

    Font presets for next/font, zero layout shift.

    v0.2.x
  • Icons

    ab-nextjs-icons

    AbIcons as SVG and CSS, outlined and filled.

    v0.2.x
  • Animations

    ab-nextjs-animations

    Animation presets and easings, reduced-motion aware.

    v0.2.xbeta
  • Theme

    ab-nextjs-theme

    Design tokens, light and dark modes, CSS variables.

    v0.3.x
  • Hooks

    ab-nextjs-hooks

    Typed React hooks for theme, media and storage.

    v0.1.x
  • Core

    ab-nextjs-core

    Screen, main and aside layouts, plus the page provider.

    v0.2.x
  • Components

    ab-nextjs-components

    Accessible UI built on core and theme.

    v0.2.x
  • i18n

    ab-nextjs-i18n

    Routing and messages in four languages.

    v0.1.x

Guides

  • Install AbElements in a Next.js appGetting started
  • Theming with tokens and dark modeTheme
  • Icons and fonts without layout shiftIcons · Fonts
  • Build a PWA docs shellComponents

What's new

Settings

Theme

Language

Search