shinobi_ui 1.0.2
shinobi_ui: ^1.0.2 copied to clipboard
An anime-inspired Flutter UI kit themed around Naruto.
shinobi_ui 🍃 #
An anime-inspired Flutter UI kit themed around Naruto — because your UI should hit as hard as a Rasengan.
Features #
- 🌀 SharinganLoader — Rotating 3-tomoe Sharingan eye spinner with glow effects
- 👁 RinneganLoader — Concentric ripple rings with 6 rotating tomoe
- ⚡ ChakraButton — Animated pulsing glow button with optional jutsu name label
- 📊 ChakraProgressBar — Power-level bar with Genin → Chunin → Jonin → Anbu → Kage rank system
- 🎨 ShinobiTheme — Full Naruto-inspired color palette, gradients, text styles, and dark ThemeData
- 🔥 ChakraType enum — 5 color variants: chakra, sharingan, rinnegan, sage, kurama
Getting Started #
Add to your pubspec.yaml:
dependencies:
shinobi_ui: ^1.0.2
Run:
flutter pub get
Import:
import 'package:shinobi_ui/shinobi_ui.dart';
Usage #
SharinganLoader #
// Default Sharingan (red)
const SharinganLoader()
// Custom size and type
SharinganLoader(
size: 80,
type: ChakraType.kurama,
duration: Duration(seconds: 1),
showGlow: true,
)
RinneganLoader #
const RinneganLoader()
RinneganLoader(
size: 80,
type: ChakraType.sage,
)
ChakraButton #
ChakraButton(
label: 'Chidori',
jutsuName: 'Lightning Release',
type: ChakraType.chakra,
onPressed: () {},
)
ChakraProgressBar #
ChakraProgressBar(
value: 0.75,
label: 'Chakra Reserve',
type: ChakraType.chakra,
showRank: true,
showPercent: true,
)
ShinobiTheme #
MaterialApp(
theme: ShinobiTheme.darkTheme(),
home: MyApp(),
)
ChakraType Variants #
| Type | Color | Inspired by |
|---|---|---|
ChakraType.chakra |
#00B4D8 Blue |
Standard blue chakra |
ChakraType.sharingan |
#CC0000 Red |
Uchiha clan |
ChakraType.rinnegan |
#7B4FA6 Purple |
Nagato / Madara |
ChakraType.sage |
#2ECC71 Green |
Sage Mode |
ChakraType.kurama |
#FF6B00 Orange |
Nine-Tails |
Rank System (ChakraProgressBar) #
| Value Range | Rank |
|---|---|
| 0% – 24% | Genin |
| 25% – 49% | Chunin |
| 50% – 74% | Jonin |
| 75% – 94% | Anbu |
| 95% – 100% | Kage |
Additional Information #
- Issues & feature requests: GitHub Issues
- Contributing: PRs are welcome! Please open an issue first.
- License: MIT
"A ninja who breaks the rules is trash, but a ninja who abandons their teammates is worse than trash." — Kakashi
Made with ❤️ and chakra by RASEL