shoh-dev / fcnui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Home Page:https://fcnui.shoh.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

shadcn-ui for Flutter

Welcome to the Flutter port of shadcn-ui, a component library originally made for React developers. This project aims to bring the power and flexibility of shadcn-ui to Flutter developers, allowing them to easily integrate beautiful and customizable components into their Flutter applications.

hero

Documentation

Explore the comprehensive documentation for fcnui on the docs.

Whether you're a beginner getting started with fcnui or an experienced developer looking for detailed information on specific components, the fcnui Docs website has you covered. Dive deep into the world of Flutter development with fcnui and unleash the full potential of your applications.

Visit fcnui.shoh.dev to access the documentation and accelerate your Flutter development journey!

Packages

This project consists of the following packages:

cli

The cli package is a Dart-based CLI tool that streamlines the process of working with fcnui. It contains all the necessary commands to initialize a project, add new components.

fcnui_base

The fcnui_base package is the heart of fcnui. Written in Dart (Flutter), it provides developers with a comprehensive set of dependencies.

registry

The registry package is a Flutter application designed for testing fcnui components individually. This app serves as a visual playground where developers can explore and interact with each component in isolation. By including the fcnui_base, the registry ensures that components are thoroughly tested and ready for integration into real-world projects.

ui

The ui package is a Next.js application that complements fcnui. It provides an API for all the components in JSON format, enabling seamless integration with the cli tool.

That's it! You're now ready to leverage the power of fcnui in your projects. Happy coding! πŸš€

Available Components

  • Avatar
  • Badge
  • Button
  • Card
  • Checkbox
  • Combobox
  • Command
  • Context Menu
  • Data Table πŸš€
  • Dialog
  • Dropdown
  • Form
  • Input
  • Menu Bar
  • Navigation Menu
  • Pagination
  • Progress Bar
  • Radio
  • Resizable
  • Select -> Dropdown.
  • Sheet
  • Skeleton
  • Slider
  • Switch
  • Table πŸš€
  • Tabs πŸš€
  • Textarea
  • Toast
  • Toggle -> Switch.
  • Tooltip
  • Menu Bar πŸš€

πŸš€ - Very Important

WIP - Work in Progress

About

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

https://fcnui.shoh.dev

License:MIT License


Languages

Language:JavaScript 79.4%Language:Dart 15.6%Language:C++ 2.1%Language:CMake 1.7%Language:MDX 0.3%Language:HTML 0.2%Language:Swift 0.2%Language:Ruby 0.1%Language:C 0.1%Language:CSS 0.1%Language:Shell 0.1%Language:Objective-C 0.0%Language:Java 0.0%Language:Kotlin 0.0%Language:TypeScript 0.0%