Reactstrap Core Pricings

-
Pro Component

You will always need a section for your prices, use one of the bellow pricing section components.

Description

We’ve made the following pricing components using various reactstrap components, and Bootstrap classes and also some custom scss/css classes.

Example

Since these components were created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.

Pricing1

Pick the best plan for you

You have Free Unlimited Updates and Premium Support on each package.

Starter
$22
per month
  • Complete documentation
  • Working materials in Sketch
  • 2GB cloud storage
Request a demo
PRO
$45
per month
  • Complete documentation
  • Working materials in Sketch
  • 200GB cloud storage
Request a demo
Enterprise
$68
per month
  • Complete documentation
  • Working materials in Sketch
  • Unlimited cloud storage
Request a demo 
import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Pricing1 from "components/pricings/Pricing1.js";

function Example() {
  return (
    <>
      <Pricing1 />
    </>
  );
}

export default Example;

Pricing2

Pick the best plan for you

You have Free Unlimited Updates and Premium Support on each package.

Starter

$199

  • 10 Projects
  • 1 Team Members
  • 5 Personal Contacts
  • 500 Messages
Get Started
PRO

$399

  • 100 Projects
  • 10 Team Members
  • 50 Personal Contacts
  • 500 Messages
Get Started
Enterprise

$599

  • 1K Projects
  • 100 Team Members
  • 500 Personal Contacts
  • Unlimited Messages
Get Started 
import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Pricing2 from "components/pricings/Pricing2.js";

function Example() {
  return (
    <>
      <Pricing2 />
    </>
  );
}

export default Example;

Pricing3

Some of Our Pricing Plans

Bravo pack

$49
per application
  • Complete documentation
  • Working materials in Sketch
  • 2GB cloud storage
Request a demo

Enterprise

What colors are good, before somebody tells you you shouldn’t like pink because that’s for girls, or you’d instantly become a gay two-year-old.
24/7 Support Design Tools
10K emails Private Brand
Create new account 
import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Pricing3 from "components/pricings/Pricing3.js";

function Example() {
  return (
    <>
      <Pricing3 />
    </>
  );
}

export default Example;

Pricing4

Pick the best plan for you

You have Free Unlimited Updates and Premium Support on each package.

Standard Pack
£ 39
  • 50 messages
  • 100 emails
  • No Support
Premium Pack
£ 49
  • 100 messages
  • 1K emails
  • Premium Support
Platinum Pack
£ 69
  • 350 messages
  • 10K emails
  • 24/7 Support
import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Pricing4 from "components/pricings/Pricing4.js";

function Example() {
  return (
    <>
      <Pricing4 />
    </>
  );
}

export default Example;

Pricing5

Choose a plan for your next project

You have Free Unlimited Updates and Premium Support on each package. You also have 20 days to request a refund.

Gold
$100
per month
  • 200GB File Storage
  • Unlimited Users
  • Premium Support
Request a demo
Platinum
$135
per month
  • 500GB File Storage
  • Unlimited Users
  • No time Tracking
Request a demo
Standard
$25
per month
  • 20GB File Storage
  • 15 Users
  • false Support
Request a demo
Premium
$59
per month
  • 50GB File Storage
  • 100 Users
  • Premium Support
Request a demo 
import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Pricing5 from "components/pricings/Pricing5.js";

function Example() {
  return (
    <>
      <Pricing5 />
    </>
  );
}

export default Example;

Note

You should note, that none of the bellow components are dynamic, as we do not know what your end use case will be. Feel free to change it, add your own props and dynamic code.