Template Gallery
/
Showing 12 of 13 matching templates
Pill Pagination
VanillaReact
A pure CSS pills pagination with rounded items, ellipsis windowing for 9 pages, and keyboard navigation — fully token-driven and design-system agnostic.
#cards#navigation#pagination
Project Empty State
React
A clean empty-state project card that guides users to create or import their first project, with clear hierarchy, subtle dark styling, and a reusable SaaS-ready layout.
#cards#layout
Deep-Sky Observatory (Classic Pagination)
VanillaReact
A classic numbered pagination presenting 15 sourced deep-sky objects in five pages of three cards, with object-specific imagery, observing details, and keyboard navigation.
#pagination#cards#navigation
Cosmic Atlas (Multi-Mode Pagination)
VanillaReact
A planets-themed paginated card gallery with three pagination modes (Classic, Counter, Dots), skeleton loading, bookmarkable celestial cards, and keyboard navigation — carried by a cosmic gradient identity.
#pagination#cards
Wildside Zoo Stories (Dot Pagination)
VanillaReact
A token-driven dots pagination presented as an editorial wildlife field journal.
#pagination#cards#navigation
Luxury Hotels (Editorial Pagination)
VanillaReact
An editorial luxury-hotel card gallery paginated with an elegant serif control bar — a warm canvas, high-contrast typography, fine detail marks, a soft atmosphere, an accented active folio, ellipsis-collapsed ranges, and keyboard navigation.
#pagination#cards#editorial
Record Archive (Numbered Pagination)
ReactVanilla
A paginated album-release gallery with individually bordered page controls, save-to-library toggles, and keyboard navigation — fully token-driven and design-system agnostic.
#pagination#cards#navigation
Pricing Cards
VanillaReact
A three-tier Atheros AI Builder pricing showcase with a highlighted "Most Popular" plan, monthly AI-credit badges, gradient gem icons, and a dark/light theme toggle — fully token-driven and design-system agnostic.
#pricing#cards
Profile Card
VanillaReact
An editorial profile card gallery — real portraits, skeleton loading, tabular stats, skill chips, and a follow toggle that persists across reloads, all rendered from an async API seam. Sora display type over Inter body on a cool fog canvas.
#profile#cards#avatar
Radio Group
VanillaReact
A token-driven card-style radio group where selecting a card highlights it with a check indicator, built on native radios for inherent arrow-key navigation.
#checkbox#radio#cards
World Hikes (Step Pagination)
VanillaReact
A five-region World Hikes stepper (Nordic, Alps, Americas, Asia, Oceania) paging 15 established trails.
#pagination#stepper#cards
Pricing Table
VanillaReact
A three-tier pricing table with a monthly/yearly billing toggle, a highlighted "Most Popular" tier, and Tabler-icon feature lists — fully token-driven and design-system agnostic.
#pricing#cards
Ready to build?
300+ production-ready components and Atheros AI models. Every paid plan includes access to the whole Atheros — AI Builder and Learning.
Starting at $9.9 per month, billed annually
