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

BLOCKS / CORE

Pricing Card block

A container built for plan cards — any content goes inside, with an optional Popular badge and full border/shadow control.

Default card

No styling on the block itself — the border and radius here come from the surrounding grid-item-block, which is the usual pattern since pricing-card-block is a plain container.

Starter

$12

/month

Everything you need to get moving.

Get started

Card with badge and shadow

showBadge renders an absolutely-positioned pill above the card, and borderShadow applies a preset box-shadow — both are attributes of the block itself, no wrapper needed this time.

Most Popular

Pro

$29

/month

For growing teams that need more power.

Choose Pro

Dark card, custom badge color

badgeBgColor and badgeTextColor are independent of the card's own colors, so an inverted white badge reads clearly against a dark card background.

Best value

Team

$49

/month

Built for teams that need more seats.

Choose Team

Horizontal card, badge on left

enableFlex plus flexDirectionDesktop turns the card into a row layout with content on one side and price/CTA on the other — badgePosition set to left moves the badge off-center.

Most Popular

Pro

Unlimited projects, priority support, API access.

$29

/mo

Get Pro

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