shadcn_flutter 0.0.30

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

shadcn_flutter

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

Documentation - pub.dev - Discord - Documentation (Experimental)

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

2. Run the command

flutter pub global run shadcn_flutter_cli:setup

Manual Installation

1. Create a new Flutter project

flutter create my_app
cd my_app

2. Add the dependency

flutter pub add shadcn_flutter

3. Import the package

import 'package:shadcn_flutter/shadcn_flutter.dart';

4. Use the widgets

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

5. Run the app

flutter run