shadcn_flutter 0.0.34

Beautifully designed components from Shadcn/UI is now available for Flutter

shadcn_flutter

A set of widgets and utilities for building applications in flutter. This is a port of the shadcn UI package to flutter.

Documentation - pub.dev - Discord

Widgets

Animation

Disclosure

Feedback

Forms

Layout

Navigation

Surfaces

Data Display

Utilities

Installation

Using CLI

1. Activate the package

flutter pub global activate shadcn_flutter_cli

copied to clipboard

2. Run the command

flutter pub global run shadcn_flutter_cli:setup

copied to clipboard

Manual Installation

1. Create a new Flutter project

flutter create my_app
cd my_app

copied to clipboard

2. Add the dependency

flutter pub add shadcn_flutter

copied to clipboard

3. Import the package

import 'package:shadcn_flutter/shadcn_flutter.dart';

copied to clipboard

4. Use the widgets

void main() {
  runApp(
    ShadcnApp(
      title: 'My App',
      home: MyHomePage(),
      theme: ThemeData(
        colorScheme: ColorSchemes.darkZinc(),
        radius: 0.5,
      ),
    ),
  );
}

copied to clipboard

5. Run the app

flutter run

copied to clipboard

Contributing

The project is funded by the community. If you find this project helpful, consider supporting its development by:

• Starring the GitHub repository.
• Contributing code, documentation, or bug reports.
• Sponsoring the project via GitHub Sponsors.
• Sharing the project with others who might find it useful.

Your support helps ensure the continued development and maintenance of this project. Thank you!