Skip to content
Forge

Pricing tables: HTML, React and WordPress components

Pricing tables with a monthly or yearly toggle, a highlighted plan and a comparison that reads on mobile.8 components (pricing tables) that are accessible and responsive, ready for your site: HTML + Tailwind, React, plain CSS and a WordPress block.

All 8 resources

  • Three-column pricing

    Free

    Three plans side by side, the middle one highlighted.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Plan comparison table

    Coming soon

    A table comparing plan features row by row.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Single offer with guarantee

    Free

    A single plan presented in detail, with a reassuring satisfaction guarantee.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Service price list

    Free

    A menu-style price list grouped by service family, with dot leaders.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Plans as rows

    Free

    Plans stacked as horizontal rows, readable at a glance on mobile and desktop.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Two plans on dark background

    Coming soon

    Two offers presented soberly, white on black, for creatives and photographers.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Per-user price calculator

    Coming soon

    A slider to pick the number of users and see the total price with volume discounts.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

Other component categories