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.

pub package pub points License: MIT 📖 - docs

CI GitHub issues GitHub PRs

Github-sponsors YouTube Discord GitHub stars

Get StartedLive DemoQuick StartCommunity

kr_ui Components

✨ 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

✅ GlassyCard

✅ ContentCard

✅ GlassyButton

✅ SimpleButton

✅ GlassyIconButton

✅ SimpleIconButton

✅ Toast

✅ Snackbar

✅ Form

✅ TextField

✅ Select

✅ MultiSelect

✅ RadioGroup

✅ Checkbox

✅ Switch

✅ DatePicker

✅ Calendar

✅ TimePicker

✅ showKruiGlassyDialog

✅ showKruiSimpleDialog

✅ showKruiGlassySheet

✅ showKruiSimpleSheet

✅ FloatingDock

✅ RippleReveal

✅ SkeletonShimmer

✅ Confetti

✅ GlowButton

✅ AnimatedGradientBackground

✅ ParticleBurst

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:


📄 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.

GitHub stars


Built with Flutter 💙

Made by King Rittik for the Flutter community

Libraries

kr_ui
Elegant, iOS-style, glassmorphic, & simple widgets by King Rittik