https://github.com/f2acode/pricing_cards
Awesome pricing cards for you Flutter project 😎
https://github.com/f2acode/pricing_cards
card flutter flutter-package flutter-packages flutter-plugin flutter-plugins open-source
Last synced: about 2 months ago
JSON representation
Awesome pricing cards for you Flutter project 😎
- Host: GitHub
- URL: https://github.com/f2acode/pricing_cards
- Owner: f2acode
- License: mit
- Created: 2021-04-30T00:10:13.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-17T16:56:31.000Z (about 3 years ago)
- Last Synced: 2026-02-19T23:17:53.508Z (about 2 months ago)
- Topics: card, flutter, flutter-package, flutter-packages, flutter-plugin, flutter-plugins, open-source
- Language: Dart
- Homepage: https://pub.dev/packages/pricing_cards
- Size: 221 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Pricing cards
[](https://pub.dev/packages/pricing_cards) [](https://github.com/f2acode/pricing_cards/blob/master/LICENSE)
Awesome pricing cards with custom style options for your flutter project.
You can give as **much cards you want** to this and **personalize the style of each one**.
## Example
The example with all the parameters:
The code of this:
```dart
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
PricingCards(
pricingCards: [
PricingCard(
title: 'Monthly',
price: '\$ 9.99',
subPriceText: '\/mo',
billedText: 'Billed monthly',
onPress: () {
// make your business
},
),
PricingCard(
title: 'Monthly',
price: '\$ 59.99',
subPriceText: '\/mo',
billedText: 'Billed anually',
mainPricing: true,
mainPricingHighlightText: 'Save money',
onPress: () {
// make your business
},
)
],
),
SizedBox(height: 30),
PricingCards(
pricingCards: [
PricingCard(
title: 'Monthly',
price: '\$ 9.99',
subPriceText: '\/mo',
billedText: 'Billed monthly',
onPress: () {
// make your business
},
cardColor: Colors.green,
priceStyle: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: Colors.white,
),
titleStyle: TextStyle(
fontSize: 16,
color: Colors.white,
),
billedTextStyle: TextStyle(
fontSize: 12,
color: Colors.white,
),
subPriceStyle: TextStyle(
fontSize: 12,
color: Colors.white,
),
cardBorder: RoundedRectangleBorder(
side: BorderSide(color: Colors.red, width: 4.0),
borderRadius: BorderRadius.circular(8.0),
),
),
PricingCard(
title: 'Monthly',
price: '\$ 59.99',
subPriceText: '\/mo',
billedText: 'Billed anually',
mainPricing: true,
mainPricingHighlightText: 'Save money',
onPress: () {
// make your business
},
cardColor: Colors.blue,
priceStyle: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: Colors.white,
),
titleStyle: TextStyle(
fontSize: 16,
color: Colors.white,
),
billedTextStyle: TextStyle(
fontSize: 12,
color: Colors.white,
),
subPriceStyle: TextStyle(
fontSize: 12,
color: Colors.white,
),
cardBorder: RoundedRectangleBorder(
side: BorderSide(color: Colors.red, width: 4.0),
borderRadius: BorderRadius.circular(8.0),
),
)
],
),
],
)
```
## Help this project
- Give an 🌟 on Github;
- Contributions are very welcome! ❤️