HTMLSaaS

bootstrap-5-pricing-template — HTML SaaS Template

By mdbootstrap

A pricing page template built with HTML, based on Bootstrap 5 and Material Design, suitable for quickly creating pricing plan display sections for SaaS products or services.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Built with the free MDB5 UI Kit, based on Bootstrap 5 and Material Design style

02

Pure HTML tech stack, suitable for direct embedding into existing pages or as a standalone pricing page

03

JavaScript implementation is native and also compatible with jQuery environments

04

Released under the MIT license, allowing free use, modification, commercial use, and distribution

05

Provides an online demo page for viewing the actual effect

Template Details

This is a pricing page template from mdbootstrap, with the repository name bootstrap-5-pricing-template and a tech stack of HTML. It is built using the free MDB5 UI Kit, with an overall style combining Bootstrap 5 and Material Design, primarily intended to display pricing plans for SaaS products or services. The README states that it is implemented in pure JavaScript and can also be used with jQuery. The template is released under the MIT license, allowing free use for personal and commercial purposes. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses, and external services such as domain, hosting, database, and payment may incur additional charges. The repository materials do not provide specific page structure, component list, or responsive details; the actual content is subject to the repository code and online demo.

HTMLSaaS

Is it right for your project?

Use Cases

  • Adding a pricing plan comparison section to a SaaS product website
  • Displaying different subscription packages and feature differences on a landing page
  • Serving as a reference page for learning how to combine Bootstrap 5 with Material Design

Suitable For

  • SaaS projects that need to quickly build a pricing display page
  • Front-end developers using the Bootstrap 5 tech stack
  • Designers looking for a Material Design style pricing layout reference

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Obtain the template files from the GitHub repository and include MDB5 UI Kit related resources according to the README instructions

  2. 2

    To modify prices, package names, and feature lists, directly edit the corresponding HTML content

  3. 3

    Third-party assets such as demo images, fonts, and icons must be checked under their respective licenses before use in a production environment

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are allowed.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The MIT license allows free use for personal and commercial purposes, with freedom to use, modify, and distribute, but copyright and license notices must be retained.
  • The template depends on the free MDB5 UI Kit; the README does not state whether Pro paid components are used, and if the template references Pro features, a paid license may be required.
  • Implemented in native JavaScript and also compatible with jQuery environments, with no additional runtime restrictions.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

MIT license - free for personal & commercial use

Original README

Built with the free MDB5 UI Kit

Original README

Plain javascript (but works also with jQuery)

Original README
https://github.com/mdbootstrap/bootstrap-5-pricing-template/blob/main/LICENSEhttps://github.com/mdbootstrap/bootstrap-5-pricing-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 68 / 100
Technologies
HTML
Website type
SaaS
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-12-22
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: dfa2adf09e5a596712590d9543d07ac1e0ed61b9ea677d5dfe92eb47786f02ba

2026-10-03T08:46:00.575Z

Source file / repository
# Pricing template for Bootstrap 5


These templates were built with a **free Material Design UI Kit for the latest Bootstrap 5**.

<img height="25" src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png">  [![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)

<a href="https://npmcharts.com/compare/mdbootstrap?minimal=true"> <img src="https://img.shields.io/npm/dm/mdbootstrap.svg?label=MDB%20Downloads" alt="Downloads"></a>
<a href="https://github.com/mdbootstrap/bootstrap-material-design/blob/master/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
<a href="https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+4+UI+KIT%20https://mdbootstrap.com/docs/jquery/&hashtags=javascript,code,webdesign,bootstrap"><img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&label=Let%20us%20know%20you%20were%20here%21&"></a>
<a href="https://www.youtube.com/watch?v=c9B4TPnak1A&t=6s"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a>
___

<table>
  <tbody>
    <tr>
      <td>
          <a href="https://mdbootstrap.com/freebies/pricing/" alt="Bootstrap 5" rel="dofollow">
          		<img src="https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/freebies/pricing/assets/featured.jpg">
          </a>
      </td>
      <td>
        <ul>
        <li><b>Built with the free MDB5 UI Kit</b></li>
         <li>Super simple, 1 minute implementation</li>
         <li><b>Plain javascript (but works also with jQuery)</b></li>
         <li>Use in your design and create amazing things</li>
         <li><b>MIT license - free for personal & commercial use</b></li>
          <li><b><a href="https://mdbootstrap.com/snippets/standard/mdbootstrap/2515552">Live Demo</a></b></li>
        </ul>
      </td>
    </tr>
   </tbody>
</table>


___

###### Discover tutorials for the latest Bootstrap 5 and learn how to create templates yourself.

**[>> Click here for a written tutorial](https://mdbootstrap.com/docs/standard/getting-started/quick-start/)**


<table>
  <tbody>
    <tr>
      <td align="center">
          		<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png">
          </a>
      </td>
      <td>
          <a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
          		<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/cover-bootstrap-5-1.png">
          </a>
      </td>
    </tr>
     <tr>
        <td align="center">
          <p align="center"><b>Start to Code</b></p>
          <a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
          		<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
          </a>
         </td>
        <td align="center">
          <p align="center"><b>Learn Bootstrap 5 | Crash Course for Beginners in 1.5H</b></p>
          <a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
          		<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
          </a>
         </td>
      </tr>
   </tbody>
</table>

___
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

play-tailwind

play-tailwind

Play is a free and open source Tailwind CSS template from TailGrids and UIdeck, built with HTML and TailGrids UI components for SaaS, startup, app and business websites.

HTML · SaaS

play-bootstrap

play-bootstrap

Play is a free, open-source Bootstrap 5 HTML template from the UIdeck team, aimed at SaaS, startup, business, app, and software websites and landing pages.

HTML · SaaS

srtdash-admin-dashboard

srtdash-admin-dashboard

SRTdash is a free Bootstrap 5.3.8 admin dashboard template with 56 pages, including four dashboard layouts for crypto, e-commerce, and SEO/marketing, plus authentication, chat, email, and file management pages.

HTML · SaaS

Modernize-bootstrap-free

Modernize-bootstrap-free

Modernize Bootstrap Free is a free Bootstrap 5 admin dashboard template from AdminMart, built with HTML, SASS, jQuery, and ApexCharts.

HTML · Admin dashboard

alivedomain-saas-landing-page-template

alivedomain-saas-landing-page-template

aliveDomain is a mobile-first responsive HTML landing page template for SaaS and corporate websites. It includes five sections—Hero, Features, Who we help, How it works, and Pricing—with BEM-based CSS, LiquidJS templates, and Feather Icons.

HTML · SaaS

modernize-html-free-tailwind

modernize-html-free-tailwind

A free admin dashboard HTML template built with Tailwind CSS and Preline UI, offering 1 basic dashboard, 10+ page templates, and 5+ UI components under the MIT license.

HTML · Admin dashboard