shinobi_ui 🍃

An anime-inspired Flutter UI kit themed around Naruto — because your UI should hit as hard as a Rasengan.

pub.dev pub points popularity License: MIT Flutter CI


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

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

Libraries

shinobi_ui
shinobi_ui — Naruto-themed Flutter UI Kit