Demo

  • HEROES & NAV

    • Hero Sections
    • Bold Heroes
    • Breadcrumbs
    • Banner Patterns
    • Floating Bars

    SOCIAL PROOF

    • Single Reviews
    • Multi Reviews
    • Multi Reviews (Alt)
    • Testimonial Sliders
    • Logo Grids
    • Stats & Counters

    CONTENT

    • Simple Post
    • Advanced Post
    • Modern Post
    • Timeline
    • Team Sections
    • Changelog
    • Careers
    • Events

    FORMS & FEEDBACK

    • CTA Sections
    • Contact Forms
    • Newsletter
    • Cookie Consent
    • Toasts

    FEATURES

    • 3 Card features
    • 4 Card Features
    • 6 Card Features
    • Feature Blocks
    • Process

    INTERACTIVE

    • Toggle Panels
    • Tabbed Sections
    • Video Lightboxes
    • Swiper Sliders
    • Vertical Sliders
    • Thumbnail Siders
    • Marquee Tickers
    • Before / After

    COMMERCE & DATA

    • Pricing Sections
    • Comparation Tables
    • Data tables

    LAYOUT

    • Footer Sections
    • Image Grids
    • Empty States
    • 404 Pages

    NAVIGATION

    • Navigation Bars

    MEDIA

    • Image Block
    • Icon Block
    • Video Block
    • Video Lightbox Block
    • Avatar Block

    DISPLAY

    • Badge Block
    • Tag Block
    • Tooltip Block
    • Card Block
    • Divider Block
    • Breadcrumb Block

    Layout

    • Grid Block
    • Flex Block
    • Absolute Box Block

    TYPOGRAPHY

    • Heading Block
    • Paragraph Block
    • List Block
    • Blockquote Block

    INTERACTIVE

    • Button Block
    • Link Button Block
    • Accordion Block
    • Tabs Block
    • Slider Block
    • Thumbnail Slider Block
    • Marquee Block
    • Before After Slider Block

    DATA & CCOMMERCE

    • Data Table Block
    • Pricing Block
    • Progress Block
    • Timeline Block

    FORMS

    • Contact Form Block

    TECH & SAAS

    • Helios
    • Tempo
    • Verso
    • Ledge Finance

    TRAVEL & LEISURE

    • Meridian
    • Traverse
    • Vela
    • Wildpath
    • Poseidon

    HOSPITALITY

    • Wineatic
    • Trattoria Sole
    • Santa Lucia

    SERVICES & DESIGN

    • Kova
    • Haven Studio
    • Volta
    • Pxlcraft
    • Apex Agency

    SPECIALITY

    • Bright Smile
    • Dentist Modern
    • Bento
  • Ecommerce
  • Docs
Websites
Patterns
HEROES & NAV
Hero SectionsBold HeroesBreadcrumbsBanner PatternsFloating Bars
SOCIAL PROOF
Single ReviewsMulti ReviewsMulti Reviews (Alt)Testimonial SlidersLogo GridsStats & Counters
CONTENT
Simple PostAdvanced PostModern PostTimelineTeam SectionsChangelogCareersEvents
FORMS & FEEDBACK
CTA SectionsContact FormsNewsletterCookie ConsentToasts
FEATURES
3 Card features4 Card Features6 Card FeaturesFeature BlocksProcess
INTERACTIVE
Toggle PanelsTabbed SectionsVideo LightboxesSwiper SlidersVertical SlidersThumbnail SidersMarquee TickersBefore / After
COMMERCE & DATA
Pricing SectionsComparation TablesData tables
LAYOUT
Footer SectionsImage GridsEmpty States404 Pages
Blocks
NAVIGATION
Navigation Bars
MEDIA
Image BlockIcon BlockVideo BlockVideo Lightbox BlockAvatar Block
DISPLAY
Badge BlockTag BlockTooltip BlockCard BlockDivider BlockBreadcrumb Block
Layout
Grid BlockFlex BlockAbsolute Box Block
TYPOGRAPHY
Heading BlockParagraph BlockList BlockBlockquote Block
INTERACTIVE
Button BlockLink Button BlockAccordion BlockTabs BlockSlider BlockThumbnail Slider BlockMarquee BlockBefore After Slider Block
DATA & CCOMMERCE
Data Table BlockPricing BlockProgress BlockTimeline Block
FORMS
Contact Form Block
Demos
TECH & SAAS
HeliosTempoVersoLedge Finance
TRAVEL & LEISURE
MeridianTraverseVelaWildpathPoseidon
HOSPITALITY
WineaticTrattoria SoleSanta Lucia
SERVICES & DESIGN
KovaHaven StudioVoltaPxlcraftApex Agency
SPECIALITY
Bright SmileDentist ModernBento
EcommerceDocs

NOVA THEME

Block Documentation

Every control, option, and responsive behavior for all blocks in the Nova design system. Each block has a visual reference and a documentation page.

LAYOUT

Grid Block

Columns, gaps, max-widths, responsive spans, background image, overlay

Visual
Docs

Grid Item Block

Column span, flex mode, backgrounds, borders, link wrapping, responsive reordering

Visual
Docs

Flex Block

Flexbox direction, wrap, alignment, gap — all responsive across breakpoints

Visual
Docs

Absolute Box Block

Absolute positioning with responsive offsets, z-index, and mobile-relative toggle

Visual
Docs

TYPOGRAFY

Heading Block

H1–H6 levels, responsive font size, weight, line height, letter spacing, color

Visual
Docs

Paragraph Block

Body text with responsive typography, inline bold, italic, and links

Visual
Docs

List Block

Bullet, numbered, or custom icon lists with item spacing and colors

Visual
Docs

MEDIA

Image Block

Object-fit, per-corner radius, hover animations, SVG styling, text overlay

Visual
Docs

Icon Block

CSS-mask recoloring, hover effects, rotation, background, optional text label

Visual
Docs

Video Block

Self-hosted HTML5 video with poster, autoplay, scroll-triggered play, loop

Visual
Docs

Video Lightbox Block

Thumbnail or button trigger that opens video in a fullscreen modal overlay

Visual
Docs

INTERACTIVE

Button Block

Hover states, icon left/right, underline animation, border, responsive padding

Visual
Docs

Accordion Block

Collapsible sections with toggle icon, item styling, open/closed state controls

Visual
Docs

Tabs Block

Underline or pill styles, horizontal or vertical, full color customization

Visual
Docs

Slider Block

Swiper.js carousel with slide/fade/coverflow, autoplay, pagination, arrows

Visual
Docs

Slider Item Block

Individual slide with flex layout, background image, link wrapping, border

Visual
Docs

Thumbnail Slider

Dual slider with synchronized thumbnail strip — below, left, or filmstrip

Visual
Docs

Thumbnail Slider Item

Slide with image, caption, gradient overlay, and thumbnail strip data

Visual
Docs

Marquee Block

Infinite scrolling ticker with speed presets, direction, gradient edge mask

Visual
Docs

Marquee Item

Individual marquee item with responsive padding and hover shadow

Visual
Docs

Before/After Block

Image comparison with horizontal drag, vertical drag, or click-to-toggle

Visual
Docs

DATA & COMMERCE

Data Table Block

Data-driven table with density modes, zebra stripes, sortable columns

Visual
Docs

Pricing Card Block

Pricing plan card with optional badge, flex layout, border and shadow

Visual
Docs

Progress Bar Block

Horizontal bar with scroll-triggered fill animation and overlay text

Visual
Docs

Timeline Block

5 layouts — center, left-cards, split, split-label, numbered counters

Visual
Docs

NAVIGATION

Header Block

Full header with dropdown/mega-menu, CTA, scroll effects, mobile menu

Docs

Simple Header

Simplified flat navigation with logo, links, CTA, and scroll blur

Docs

Advanced Header

Mega-menu header with featured content, custom icons, column dividers

Docs

Advanced Header Featured

Featured content panel inside a mega-menu dropdown column

Docs

Float Header Block

Floating pill header that transitions on scroll with overlay menu

Docs

CONTENT

Blog Listing Block

Dynamic post grid with category filters, pagination, and card styling

Docs

Separator Block

Horizontal divider with customizable width, style, and color

Docs

FORMS

Contact Form Block

Contact Form 7 with styled inputs, checkboxes, radio cards, and submit

Visual
Docs

LAYOUT

Grid Block

Columns, gaps, max-widths, responsive spans, background image, overlay

Visual
Docs

Grid Item Block

Column span, flex mode, backgrounds, borders, link wrapping, responsive reordering

Visual
Docs

Flex Block

Flexbox direction, wrap, alignment, gap — all responsive across breakpoints

Visual
Docs

Absolute Box Block

Absolute positioning with responsive offsets, z-index, and mobile-relative toggle

Visual
Docs

TYPOGRAFY

Heading Block

H1–H6 levels, responsive font size, weight, line height, letter spacing, color

Visual
Docs

Paragraph Block

Body text with responsive typography, inline bold, italic, and links

Visual
Docs

List Block

Bullet, numbered, or custom icon lists with item spacing and colors

Visual
Docs

MEDIA

Image Block

Object-fit, per-corner radius, hover animations, SVG styling, text overlay

Visual
Docs

Icon Block

CSS-mask recoloring, hover effects, rotation, background, optional text label

Visual
Docs

Video Block

Self-hosted HTML5 video with poster, autoplay, scroll-triggered play, loop

Visual
Docs

Video Lightbox Block

Thumbnail or button trigger that opens video in a fullscreen modal overlay

Visual
Docs

INTERACTIVE

Button Block

Hover states, icon left/right, underline animation, border, responsive padding

Visual
Docs

Accordion Block

Collapsible sections with toggle icon, item styling, open/closed state controls

Visual
Docs

Tabs Block

Underline or pill styles, horizontal or vertical, full color customization

Visual
Docs

Slider Block

Swiper.js carousel with slide/fade/coverflow, autoplay, pagination, arrows

Visual
Docs

Slider Item Block

Individual slide with flex layout, background image, link wrapping, border

Visual
Docs

Thumbnail Slider

Dual slider with synchronized thumbnail strip — below, left, or filmstrip

Visual
Docs

Thumbnail Slider Item

Slide with image, caption, gradient overlay, and thumbnail strip data

Visual
Docs

Marquee Block

Infinite scrolling ticker with speed presets, direction, gradient edge mask

Visual
Docs

Marquee Item

Individual marquee item with responsive padding and hover shadow

Visual
Docs

Before/After Block

Image comparison with horizontal drag, vertical drag, or click-to-toggle

Visual
Docs

DATA & COMMERCE

Data Table Block

Data-driven table with density modes, zebra stripes, sortable columns

Visual
Docs

Pricing Card Block

Pricing plan card with optional badge, flex layout, border and shadow

Visual
Docs

Progress Bar Block

Horizontal bar with scroll-triggered fill animation and overlay text

Visual
Docs

Timeline Block

5 layouts — center, left-cards, split, split-label, numbered counters

Visual
Docs

NAVIGATION

Header Block

Full header with dropdown/mega-menu, CTA, scroll effects, mobile menu

Docs

Simple Header

Simplified flat navigation with logo, links, CTA, and scroll blur

Docs

Advanced Header

Mega-menu header with featured content, custom icons, column dividers

Docs

Advanced Header Featured

Featured content panel inside a mega-menu dropdown column

Docs

Float Header Block

Floating pill header that transitions on scroll with overlay menu

Docs

CONTENT

Blog Listing Block

Dynamic post grid with category filters, pagination, and card styling

Docs

Separator Block

Horizontal divider with customizable width, style, and color

Docs

FORMS

Contact Form Block

Contact Form 7 with styled inputs, checkboxes, radio cards, and submit

Visual
Docs

Brandname

Building tools that help teams move faster, ship better, and stay aligned.

Product

  • Features
  • Pricing
  • Integrations
  • Changelog

Company

  • About
  • Blog
  • Careers
  • Press

Resources

  • Documentation
  • API Reference
  • Support
  • Status

© 2026 Brandname. All rights reserved.

Privacy Policy
Terms of Service