Zuraffa UI

zuraffa_ui — the skin lane's certified vocabulary: identified Zfa components + ZuraffaApp, repackaged end to end from the shadcn_ui Flutter port (fork of nank1ro/flutter-shadcn-ui at shadcn_ui 0.56.3, base fork SHA afc95690e53629324ddbf094ca78021f56848bd4).

Skin lane usage (certified surface)

dependencies:
  zuraffa_ui: ^0.1.0

import 'package:zuraffa_ui/zuraffa_ui.dart';

ZuraffaApp(
  theme: ZfaThemeData(brightness: Brightness.dark),
  home: const SkinShell(),
)

ZfaButton, ZfaInput, ZfaCard, ZfaSheet, ZfaDialog, ZfaToaster each carry the typed contract protocol (contractId / contractEnabled), so runtime contract auditors, xray decks and slice manifests can identify them without grepping. Raw Shad* engine names are internal — reachable through package:zuraffa_ui/shad.dart, never the package barrel.

Engine (upstream lineage)

Everything below documents the engine underneath — the full shadcn/ui port component set — and the upstream project it tracks.

The engine: shadcn/ui ported in Flutter. Awesome UI components, fully customizable — carried over unchanged (apart from the package rename) from the upstream fork.

Documentation

The certified Zfa* surface is documented above. The engine components below it are documented by the upstream project: see the upstream documentation to interact with them and see the code.

Agent Skills

You can install the Agent Skills for this project with:

npx skills add arrrrny/zuraffa_ui

Progress

Follow the progress on X (Twitter)

• x Accordion
• x Alert
• x Breadcrumb
• x Dialog
• x Avatar
• x Badge
• x Button
• x IconButton
• x Calendar
• x Card
• Carousel
• x Checkbox
• Collapsible
• x Combobox
• Command
• x Context Menu
• Data Table
• x Date Picker
• Drawer
• x Dropdown Menu Use Context Menu instead
• x Form
• x Hover Card Use Popover instead
• x Input
• x Input OTP
• x Label Use Text instead
• x Menubar
• Navigation Menu
• Pagination
• x Popover
• x Progress
• x RadioGroup
• x Resizable
• x Scroll Area Use SingleScrollView, ListView etc. instead
• x Select
• x Separator
• x Sheet
• Skeleton
• x Slider
• x Sonner
• x Switch
• x Table
• x Tabs
• x TextArea
• x Time Picker
• x Toast
• Toggle
• ToggleGroup
• x Tooltip

FAQs

Star History