Description:

super profile card package

Super Profile Card Package









Introducing a custom-designed Flutter package, this artistic masterpiece is set to redefine the elegance and aesthetics of your profile pages. Meticulously crafted to infuse a personal touch into your profile cards, this custom painting package is engineered to create an unforgettable user experience, effortlessly capturing their attention. 🌈
The journey begins with a strikingly elegant circle strategically positioned at the pinnacle of your profile card. Expertly designed shadows surrounding this circle not only introduce depth to your profile but also infuse a sense of modernity and contemporaneity. The versatility provided by parameters such as shadow color, offset value, and blur intensity in the overall card design allows for a complete and nuanced personalization of your profile's atmosphere. 🎨💖
Consider this package as the quintessential element for your profile pages; it doesn't just offer a visual spectacle but actively prompts users to engage more profoundly with your profile. If you're seeking a profile card that stands out with both elegance and intricate details, this package equips you with the precise tools you need. Tailored to make your profile experience not only unique but also leave an indelible and lasting impression, rest assured that users encountering your profile won't be able to resist exclaiming "Wow!" in sheer amazement. 🚀✨💯
In a world where first impressions matter, this package ensures that your profile becomes a captivating and memorable focal point, inviting users to explore and appreciate the artistry embedded within. 🌟👁️✨





Property and Value #


Property
Value


gradientColors
List


iconsColor
Color 🎨


bottomImageUrl
String (URL) 🔗


bottomImageColor
Color 🌈


bottomImageWidth
double 📏


topImageUrl
String (URL) 🔗


topImageColor
Color 🌈


topImageWidth
double 📏


logoImageUrl
String (URL) 🔗


logoImageColor
Color 🌈


topText
String 📝


topTextStyle
TextStyle ✒️


firstIcon, secondIcon, thirdIcon
IconData 👤🔍📅


firstIconText, secondIconText, thirdIconText
String 📝


iconsTextColor
Color 🌈


dividerColor
Color 🌈


shadowColor
Color 🌈


shadowOffset
double 📏


topCircleColor
Color 🌈


bulurSigmaValue
double 📏


Property and Description #


Property
Description


gradientColors
List of gradient colors used for the background.


iconsColor
Main color used for icon colors.


bottomImageUrl
URL of the image used in the bottom section.


bottomImageColor
Background color of the bottom image.


bottomImageWidth
Width of the bottom image.


topImageUrl
URL of the image used in the top section.


topImageColor
Background color of the top image.


topImageWidth
Width of the top image.


logoImageUrl
URL of the logo image.


logoImageColor
Background color of the logo image.


topText
Text displayed in the top section.


topTextStyle
Text style used for the top text.


firstIcon, secondIcon, thirdIcon
First, second, and third icons.


firstIconText, secondIconText, thirdIconText
Texts associated with the first, second, and third icons.


iconsTextColor
Icon text colors.


dividerColor
Color of the divider line.


shadowColor
Color of the shadow.


shadowOffset
Shadow offset value.


topCircleColor
Color of the top circle.


bulurSigmaValue
Amount of blur sigma.


Versions #



Versions
Version




Flutter
3.15.0


Dart
3.1.0



Support #



Support
Version




Android
SDK 16+


iOS
11.0+


Web
Any*



Constructor #
final List<Color> gradientColors;
final Color iconsColor;
final String bottomImageUrl;
final Color bottomImageColor;
final double bottomImageWidth;
final String topImageUrl;
final Color topImageColor;
final double topImageWidth;
final String logoImageUrl;
final Color logoImageColor;
final String topText;
final TextStyle topTextStyle;
final IconData firstIcon;
final IconData secondIcon;
final IconData thirdIcon;
final String firstIconText;
final String secondIconText;
final String thirdIconText;
final Color iconsTextColor;
final Color dividerColor;
final Color shadowColor;
final double shadowOffset;
final Color topCircleColor;
final double bulurSigmaValue;

copied to clipboard
Example #
import 'package:flutter/material.dart';
import 'package:super_profile_card_package/profile_card.dart';


class HomeView extends StatelessWidget {
const HomeView({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: const Color.fromARGB(255, 57, 57, 57),
appBar: AppBar(
centerTitle: true,
backgroundColor: const Color.fromARGB(255, 41, 204, 232),
title: const Text(
"Super Profile Card",
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
),
),
),
body: const SuperProfileCard(
// colors for card body
gradientColors: [
Color.fromARGB(255, 41, 204, 232),
Color.fromARGB(255, 41, 204, 232),
Color.fromARGB(255, 41, 204, 232),
Color.fromARGB(255, 0, 0, 0),
Color.fromARGB(255, 41, 204, 232),
],
//icon
//top
topCircleColor: Color.fromARGB(255, 1, 1, 1),
shadowColor: Colors.black,
shadowOffset: 38.0,
bulurSigmaValue: 10.0,
//topImage
topImageUrl:
'https://github.com/NurhayatYurtaslan/super_profile_card/blob/main/assets/image/png/nine.png?raw=true',
topImageColor: Color.fromARGB(255, 41, 204, 232),
topImageWidth: 1.2,
//logo Image
logoImageUrl:
'https://github.com/NurhayatYurtaslan/super_profile_card/blob/main/assets/image/png/logo.png?raw=true',
logoImageColor: Color.fromARGB(255, 41, 204, 232),
//Top Text
topText: 'Super Profile Card',
topTextStyle: TextStyle(
color: Color.fromARGB(255, 41, 204, 232),
fontSize: 25,
fontWeight: FontWeight.bold,
),
//bottomImage
bottomImageUrl:
'https://github.com/NurhayatYurtaslan/super_profile_card/blob/main/assets/image/png/ten.png?raw=true',
bottomImageColor: Colors.black,
bottomImageWidth: 0.80,
//Icons
iconsColor: Colors.black,
firstIcon: Icons.link,
secondIcon: Icons.email,
thirdIcon: Icons.location_on,
iconsTextColor: Colors.black,
firstIconText: "First Icon's Text",
secondIconText: "Secon Icon's Text",
thirdIconText: "Third Icon's Text",
dividerColor: Colors.black,
),
);
}
}

copied to clipboard
Contributors #

Nurhayat Yurtaslan

Supporting #

Abdulsamet Tanriverdi
Ebru Yurtdas

📝 License #
Copyright © 2023 Nurhayat Yurtaslan.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter