189 ·GitHub
Что это?
Это отобранная коллекция премиальных React-компонентов микровзаимодействий, эффектов переходов и анимированных макетов карточек (называется @subhanhq/amicro), построенная поверх библиотеки анимации Motion.
Это отобранная коллекция премиальных React-компонентов микровзаимодействий, эффектов переходов и анимированных макетов карточек (называется @subhanhq/amicro), построенная поверх библиотеки анимации Motion.Это npm-пакет, который я импортирую, или что-то другое?Это реестр компонентов, где код копируется прямо в проект, как в shadcn/ui: вы ставите CLI-команду, которая копирует исходный TSX-код компонента в ваш проект, вместо добавления runtime-зависимости.
Это реестр компонентов, где код копируется прямо в проект, как в shadcn/ui: вы ставите CLI-команду, которая копирует исходный TSX-код компонента в ваш проект, вместо добавления runtime-зависимости.Как добавить компонент в проект?Выполните CLI-команду вроде `npx @subhanhq/amicro@latest add card-arc-5` или настройте маппинг именованного реестра, добавив неймспейс @amicro в components.json вашего проекта, чтобы ставить компоненты по имени.
Выполните CLI-команду вроде `npx @subhanhq/amicro@latest add card-arc-5` или настройте маппинг именованного реестра, добавив неймспейс @amicro в components.json вашего проекта, чтобы ставить компоненты по имени.Что уже должно быть настроено в проекте для этих компонентов?Node.js 18 или выше, React 18 или 19, Tailwind CSS v3 или v4, а также пакет motion или framer-motion.
Node.js 18 или выше, React 18 или 19, Tailwind CSS v3 или v4, а также пакет motion или framer-motion.Будет ли работать, если я не использую Tailwind или Motion?Нет: компоненты рассчитаны на то, что Tailwind CSS и библиотека анимации Motion уже настроены в проекте, — они заявлены как обязательные требования.
Нет: компоненты рассчитаны на то, что Tailwind CSS и библиотека анимации Motion уже настроены в проекте, — они заявлены как обязательные требования.Это только для веб-приложений?Да, это библиотека React UI-компонентов для веб-фронтендов, а не для нативных мобильных или десктопных приложений.
Да, это библиотека React UI-компонентов для веб-фронтендов, а не для нативных мобильных или десктопных приложений.Какие компоненты сюда входят?В основном макеты карточек (веера дуг, каскады, карусели, стопки «машины времени») и микро-переходы, например дуга из 5 карточек, карусель в стиле CoverFlow и стопка карточек с перспективой в стиле Apple.
В основном макеты карточек (веера дуг, каскады, карусели, стопки «машины времени») и микро-переходы, например дуга из 5 карточек, карусель в стиле CoverFlow и стопка карточек с перспективой в стиле Apple.Почему код копируется в проект, а не импортируется через npm?Копирование TSX-исходников прямо в кодовую базу избавляет от добавления runtime-зависимостей и даёт полный контроль для доработки компонента после установки.
Копирование TSX-исходников прямо в кодовую базу избавляет от добавления runtime-зависимостей и даёт полный контроль для доработки компонента после установки.Поддерживается ли тёмная тема?Да, компоненты изначально спроектированы с расчётом и на тёмную, и на светлую палитру интерфейса.
Да, компоненты изначально спроектированы с расчётом и на тёмную, и на светлую палитру интерфейса.Можно ли установить один компонент без CLI?Да, любой компонент можно установить и напрямую по его публичному raw-URL, не используя CLI-команду npx.
Да, любой компонент можно установить и напрямую по его публичному raw-URL, не используя CLI-команду npx.What are similar projects?arc-library, rare-ui, magicui, ink-kit, awesome-shadcn-ui, chakra-ui, canvas-ui, ui
arc-library, rare-ui, magicui, ink-kit, awesome-shadcn-ui, chakra-ui, canvas-ui, uiWhich topics is it in?shadcn, react-components, shadcn-ui, ui-library, design-system, tailwindcss, vite, component-library, design, ui-components, animation, ui
shadcn, react-components, shadcn-ui, ui-library, design-system, tailwindcss, vite, component-library, design, ui-components, animation, ui