shinobi_ui 1.0.2 copy "shinobi_ui: ^1.0.2" to clipboard
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.

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

1
likes
160
points
6
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

An anime-inspired Flutter UI kit themed around Naruto.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on shinobi_ui