https://github.com/aymanch-03/shadcn-pricing-page
Responsive and customizable pricing component built with shadcn/ui. Features payment frequency toggles, tier highlights and smooth price transitions.
https://github.com/aymanch-03/shadcn-pricing-page
nextjs shadcn shadcn-ui tailwindcss ui
Last synced: 4 days ago
JSON representation
Responsive and customizable pricing component built with shadcn/ui. Features payment frequency toggles, tier highlights and smooth price transitions.
- Host: GitHub
- URL: https://github.com/aymanch-03/shadcn-pricing-page
- Owner: aymanch-03
- Created: 2024-12-07T15:17:07.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-12-25T21:52:24.000Z (4 months ago)
- Last Synced: 2025-03-26T00:36:15.601Z (21 days ago)
- Topics: nextjs, shadcn, shadcn-ui, tailwindcss, ui
- Language: TypeScript
- Homepage: https://shadcn-pricing-page.vercel.app
- Size: 1010 KB
- Stars: 37
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcn-ui - Link - 03-08 | (Libs and Components)
README
# Pricing Component with shadcn/ui
A responsive and customizable pricing component built with Shadcn/UI. Includes payment frequency toggles, tier highlights, and easy integration for Next.js applications. Perfect for SaaS projects or subscription-based platforms.
## Features
- Responsive design for all devices
- Payment frequency toggles (e.g., Monthly/Yearly)
- Tiered pricing cards with customizable highlights
- Smooth price transition using the [NumberFlow Component](https://github.com/barvian/number-flow) by [barvian](https://github.com/barvian)
---
## Demo
Check out a live demo [here](https://shadcn-pricing-page.vercel.app/).
---
## Credits
- [shadcn/ui](https://github.com/shadcn-ui/ui) by [shadcn](https://github.com/shadcn)
- [NumberFlow](https://github.com/barvian/number-flow) by [barvian](https://github.com/barvian)