Pricing
Simple
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Simple](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/simple.png)
With Features
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of With Features](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/with-features.png)
To The Side
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of To The Side](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/to-the-side.png)
Alternate
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Alternate](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/alternate.png)
Single Payment Option
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Single Payment Option](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/single-payment-option.png)
Mini Boxes
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Mini Boxes](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/mini-boxes.png)
Table
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Table](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/table.png)
Clean with Features
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Clean with Features](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/clean-with-features.png)
Subtle Gradients with Featured Plan
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Subtle Gradients with Featured Plan](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/subtle-gradients-with-featured-plan.png)
Subtle Gradients with Mini Boxes
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Subtle Gradients with Mini Boxes](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/subtle-gradients-with-mini-boxes.png)
Features Under Purchase Action
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of Features Under Purchase Action](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/features-under-purchase-action.png)
With Growing Features List
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Screenshot
![Screenshot preview of With Growing Features List](https://cdn.tailkit.com/media/screenshots/marketing/sections/pricing/with-growing-features-list.png)
Make them yours!