Showcase your top performers in style with a modern 3D Podium widget!

This package provides a customizable Podium widget for Flutter that allows you to easily display three positions with sleek 3D bars.

sample screenshot 1 sample screenshot 2 sample screenshot 3

Features

Modern Design: Enhance your app's aesthetics with a visually appealing podium design.

3D Bars: Utilize attractive 3D bars to represent each position on the podium.

Customization: Control various aspects of the podium's appearance, such as colors, materials, and sizes.

Easy to Use: Integrate the Podium widget seamlessly into your existing Flutter projects.

Getting started

To use the Flutter Podium Widget in your project, follow these steps:

1. Add the dependency:
Add the following line with the latest version to your pubspec.yaml file:

dependencies:
  podium:^X.X.X

2. Install the package:
Run the following command in your terminal to install the package:

flutter pub get

3. Import the package:
Add the following line to the top of the dart file where you would want to use the podium widget:

import 'package:podium/flutter_podium.dart'

Usage

Here's a basic example of how to use the Podium widget:

import 'package:podium/flutter_podium.dart';

      Podium(
            firstPosition: Text("Winner 1"),
            secondPosition: Text("Winner 2"),
            thirdPosition: Text("Winner 3"),
          ),

This code snippet will display a podium with " Winner Name", " Runner-Up Name", and " Third Place Name" occupying the first, second, and third positions, respectively.

Additional Customization:

The Podium widget offers various properties to customize its appearance. Explore a few of the available properties in the code snippet below:

  Podium(
            firstPosition: Text("James"),
            secondPosition: Text("Steinfield"),
            thirdPosition: Text("Icona"),
            color: Colors.pink,
            rankingTextColor: Colors.white,
            rankingFontSize: 30,
            displayRankingNumberInsteadOfText: true,
            hideRanking: false,
            height: 250,
            width: 100,
            horizontalSpacing: 3,
          ),

Additional information

Contributing: We welcome contributions from the community! If you have improvements or new features in mind, feel free to submit a pull request.

Issues: Encountered a bug or have a question? Raise an issue on the GitHub repository.


Libraries

flutter_podium