stisla 0.0.1

Paket untuk membuat komponen Flutter Stisla dengan CLI

Stisla Flutter Framework 🚀

Stisla Flutter is a powerful design system and CLI-driven framework inspired by the iconic Stisla Admin Template. It enables developers to scaffold professional, clean, and mobile-responsive admin components in seconds using a specialized Command Line Interface (CLI). ✨ Key Features 🛠 CLI Component Generator: Create widgets instantly with stisla create. 🎨 Unified Design System: Built-in Stisla color palettes, typography, and spacing. 📱 Fully Responsive: Optimized for Mobile, Tablet, and Desktop out of the box.[1] 📦 Minimal Boilerplate: Focus on your business logic, let Stisla handle the UI architecture. ⚙️ Installation To get the most out of Stisla, you need to install the package and activate the global CLI.

1. Add Package to Flutter Add stisla_flutter to your pubspec.yaml dependencies: code Yaml dependencies: stisla_flutter: ^1.0.0
2. Activate Stisla CLI (Global) To use the stisla command from any terminal, activate it globally using the Dart SDK: code Bash dart pub global activate stisla_flutter Note: Ensure that your system's PATH includes the Dart SDK's bin folder so you can run stisla directly. 🛠 Command Line Usage Once activated, the Stisla CLI becomes your ultimate productivity tool. Use it to generate components directly into your project. Generate a Component Navigate to your project root and run the create command: code Bash stisla create [component_type] [name] Examples: Create a Button: code Bash stisla create button MyCustomButton Create a Card: code Bash stisla create card DashboardStatistic Create a Full Page: code Bash stisla create page UserProfile The CLI will automatically create the necessary files in lib/stisla_components/ and register them if required. 🚀 Getting Started After generating your components, initialize the Stisla Theme in your main.dart to ensure all widgets render correctly. code Dart import 'package:flutter/material.dart'; import 'package:stisla_flutter/stisla_flutter.dart';

void main() { runApp(const MyApp()); }

class MyApp extends StatelessWidget { const MyApp({super.key});

@override Widget build(BuildContext context) { return MaterialApp( title: 'Stisla Admin Dashboard', theme: StislaTheme.light(), // Apply Stisla's professional light theme darkTheme: StislaTheme.dark(), home: const DashboardPage(), ); } } [2] 📂 Project Structure Stisla follows a clean architecture. Generated components are organized as follows: code Text lib/ ├── stisla_components/ # All generated Stisla widgets │ ├── buttons/ │ │ └── my_custom_button.dart │ ├── cards/ │ └── ... ├── main.dart └── ... 🤝 Contributing We welcome contributions to make Stisla Flutter even better! Fork the repository.[3] Create your Feature Branch (git checkout -b feature/AmazingFeature). Commit your changes (git commit -m 'Add some AmazingFeature'). Push to the branch (git push origin feature/AmazingFeature). Open a Pull Request.[3] 📜 License Distributed under the MIT License.[3] See LICENSE for more information. 📧 Contact Rizaldi Naldian Putra - @rizaldinaldianputra - [e-mail] Project Link: https://github.com/rizaldinaldianputra/stisla-flutter/stisla_flutter Developed with ❤️ for the Flutter Community.