kr_ui

Premium glassmorphic UI, Elegant Simple & Clean UI components for Flutter

Beautiful, customizable iOS-style glass effects, Elegant Simple & Clean UI. Pure Flutter. Zero dependencies.

Get Started • Live Demo • Quick Start • Community

---

✨ Features

• 🎨 Beautiful Glassmorphism - iOS-style frosted glass effects
• 🎨 Elegant Simple & Clean UI : quick and easy to use.
• 🔧 Fully Customizable - Control blur, opacity, colors, borders
• ⚡ Zero Dependencies - Pure Flutter implementation
• 📱 Production Ready - Battle-tested components
• 🎯 Easy to Use - Clean API with sensible defaults
• 📚 Well Documented - Comprehensive examples and guides

---

📦 Installation

Add kr_ui to your pubspec.yaml:

dependencies:
  kr_ui: <latest_version>

Then run:

flutter pub get

---

🚀 Quick Start

import 'package:flutter/material.dart';
import 'package:kr_ui/kr_ui.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Stack(
            children: [
              // Background image
              Image.network(
                'https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe',
                fit: BoxFit.cover,
                width: double.infinity,
                height: double.infinity,
              ),
              
              // Glassy card on top
              Center(
                child: KruiGlassyCard(
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(Icons.auto_awesome, size: 48),
                      SizedBox(height: 16),
                      Text(
                        'Glassmorphism',
                        style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
                      ),
                      SizedBox(height: 8),
                      Text('Beautiful frosted glass effects'),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

---

🧩 Components & Roadmap

✅ Accordion

✅ Carousel (with built-in indicators, animations, and more)

✅ GlassyCard

✅ ContentCard

✅ GlassyButton

✅ SimpleButton

✅ GlassyIconButton

✅ SimpleIconButton

✅ Toast

✅ Snackbar

✅ Form

✅ TextField (with built-in validators, error messages, and more)

✅ Select

✅ MultiSelect

✅ RadioGroup

✅ Checkbox

✅ Switch

✅ DatePicker

✅ Calendar

✅ TimePicker

✅ showKruiGlassyDialog

✅ showKruiSimpleDialog

✅ showKruiGlassySheet

✅ showKruiSimpleSheet

✅ FloatingDock

✅ RippleReveal

✅ SkeletonShimmer

✅ Confetti

✅ GlowButton

✅ AnimatedGradientBackground

✅ ParticleBurst

✅ OTPInput

✅ ChipGroup

✅ AnimatedGradientBorder

check out kr_ui_docs for more examples

more Coming soon! Stay tuned! & Don't forget to 🌟 Star this repo if you like it!

---

🎬 Live Demo

Try out all components in our interactive showcase app:

Launch Showcase App

Or run locally:

git clone https://github.com/RittikSoni/kr_ui.git
cd kr_ui
melos bootstrap
cd apps/kr_ui_docs
flutter run -d chrome

---

📱 Platform Support

Platform	Supported
iOS	✅
Android	✅
Web	✅
macOS	✅
Windows	✅
Linux	✅

---

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details.

Ways to contribute:

• 🐛 Report bugs
• ✨ Suggest new components
• 🎨 Submit new designs
• 📚 Improve documentation
• 💬 Help others in discussions

---

👥 Community

Join the kr_ui community:

• 💬 Discord: Join Server
• 🎥 YouTube: @king_rittik
• 🐛 Issues: GitHub Issues

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

🙏 Acknowledgments

Created with ❤️ by King Rittik

Inspired by:

• iOS glassmorphism design
• Flutter's Material Design 3
• The amazing Flutter community

---

⭐ Show Your Support

If you like kr_ui, please give it a star on GitHub and like it on pub.dev! It helps others discover this package.

---

Built with Flutter 💙

Made by King Rittik for the Flutter community