Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danmindru/shadcn-pricing-page-generator

Make beautiful Shadcn pricing pages & get the code for Shadcn UI, Tailwind & Radix UI.
https://github.com/danmindru/shadcn-pricing-page-generator

nextjs radix-ui react reactjs shadcn shadcn-ui tailwindcss

Last synced: 7 days ago
JSON representation

Make beautiful Shadcn pricing pages & get the code for Shadcn UI, Tailwind & Radix UI.

Awesome Lists containing this project

README

        

Pricing Page Generator
==================

### [👉 Generate your pricing page here. It's free!](https://shipixen.com/shadcn-pricing-page-generator)

-----------------------------------

#### Pricing Page Generator.
The easiest way to get the code for a React/Next.js pricing page. Pick between a Shadcn pricing page Radix UI and/or Tailwind CSS.

> Looking for code samples? Check out [the demos here](https://github.com/danmindru/shadcn-pricing-page-generator/tree/main/components/pricing).

> It's easy to generate code for your own pricing page with [the pricing page generator web app](https://shipixen.com/shadcn-pricing-page-generator).

##### Here's what you get with the pricing page generator
- 🎯 Choose between 1, 2 or 3 pricing tier designs
- 📅 Customize frequencies and easily set prices for each
- 🎁 Add discounted prices or discount text
- 💅 Highlight or feature tiers to make the best ones stand out
- 📄 Easily list features per tier & highlight advantages
- 🎨 Use over 30+ themes to make the pricing page yours
- 👩‍💻 Get the code with 1 click... and you're good to go!

##### Want to run this yourself locally? Check out the docs.
- [Installation](#installation)
- [Development](#development)
- [Build](#build)




Shipixen Logo

Shipixen an app to generate customized boilerplates for your product. Or any website. We generate it & deploy it - then you get the code.

[shipixen.com](https://shipixen.com)


Shipixen Logo

## Installation

```bash
npm i
```

## Development

First, run the development server:

```bash
npm run dev
```

## Build

To build the site for production, run the following command:

```bash
npm run build
```

## FAQ

What code export types does the tool support?
> Shadcn UI, Radix UI, React + TailwindCSS & Shipixen code exports are currently supported. More to come soon.

Is this tool free to use or do I need attribution?
> This tool is completely free to use and you can use the code as you'd like.

Do I need to use Shadcn UI to use the pricing page generator?
> No, you can also get the code for plain TailwindCSS applications with no dependencies.

Are there any examples available?
> Yes, we have a number of generated pricing pages in this repo. [See the demos here](https://github.com/danmindru/shadcn-pricing-page-generator/tree/main/components/pricing)

------

✨ This website was generated with [shipixen.com](https://shipixen.com). For more documentation, visit [the shipixen Docs](https://shipixen.com/boilerplate-documentation)

-----------------


Apihustle Logo

-----------------

Save 10s of hours of work by using Shipixen to generate a customized codebases with your branding, pages and blog

― then deploy it to Vercel with 1 click.

| | |
| :- | :- |
| Shipixen Logo
Shipixen
Create a blog & landing page in minutes with Shipixen.
Try the app on shipixen.com. | Shipixen Logo |

-----------------

Apihustle is a collection of tools to test, improve and get to know your API inside and out.

[apihustle.com](https://apihustle.com)

| | | | |
| :- | :- | :- | :- |
| Shipixen Logo | **Shipixen** | Create a personalized blog & landing page in minutes | [shipixen.com](https://shipixen.com) |
| Page UI Logo | **Page UI** | Landing page UI components for React & Next.js | [pageui.dev](https://pageui.dev) |
| Clobbr Logo | **Clobbr** | Load test your API endpoints. | [clobbr.app](https://clobbr.app) |
| Crontap Logo | **Crontap** | Schedule API calls using cron syntax. | [crontap.com](https://crontap.com) |
| CronTool Logo | **CronTool** | Debug multiple cron expressions on a calendar. | [tool.crontap.com](https://tool.crontap.com) |

-----------------