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
✅ 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:
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
Libraries
- kr_ui
- Elegant, iOS-style, glassmorphic, & simple widgets by King Rittik