Пользовательский интерфейс Shadcn был портирован во Flutter. Отличные компоненты интерфейса для Flutter, полностью настраиваемые.

Документация

Посмотрите документацию для взаимодействия с компонентами и посмотрите код.

Агентские навыки

Вы можете установить навыки агента для этого проекта с помощью следующих методов:

Прогресс

Следите за прогрессом в X (Twitter)

• [x] Аккордеон
• [x] Тревога
• [x] Крошки
• [x] Диалог
• [x] Аватар
• [x] Значок
• [x] Кнопка
• [x] IconButton
• [x] Календарь
• [x] Карта
• [ ] Карусель
• [x] Галочка
• [ ] Складной
• [x] Комбобокс
• [ ] Командование
• [x] Контекстное меню
• [ ] Таблица данных
• [x] Выбирающий свидание
• [ ] Ящик
• [x] Выпадающее меню Используйте контекстное меню вместо этого
• [x] Форма
• [x] Карта наведения Используйте Popover вместо этого
• [x] Вход
• [x] Входный OTP
• [x] Вместо этого используйте текст
• [x] Меню
• [ ] Навигационное меню
• [ ] Пагинация
• [x] Поповер
• [x] Прогресс
• [x] RadioGroup
• [x] Изменение размера
• [x] Область прокрутки Используйте SingleScrollView, ListView и т.д.
• [x] Выбрать
• [x] Сепаратор
• [x] Лист
• [ ] Скелет
• [x] Слайдер
• [x] Соннер
• [x] Переключение
• [x] Таблица
• [x] Tabs
• [x] TextArea
• [x] Выбирающий время
• [x] Тост
• [ ] Переключение
• [ ] ToggleGroup
• [x] Подсказка

Часто задаваемые вопросы

В чём разница с shadcn_flutter

Flutter ShadcnUI

Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.

Documentation

See the documentation to interact with the components and see the code.

Agent Skills

You can install the Agent Skills for this project with:

npx skills add nank1ro/flutter-shadcn-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