Repolode
Предложить
TheOrcDev

TheOrcDev/8bitcn-ui

React-компоненты в ретро-стиле 8-bit на базе shadcn/ui, которые добавляются в проект через shadcn CLI.

Открыть на GitHubСайт
Звёзды
2,065
Форки
119
Открытые issues
20
Последний коммит
позавчера

Что это?

8bitcn/ui — это набор UI-компонентов в ретро-стиле с пиксельной графикой для React-проектов. Он построен на базе shadcn/ui: компоненты добавляются в кодовую базу как исходный код, а не устанавливаются в виде зависимости-пакета. В проект входят сайт с документацией, каталог компонентов, блоки и темы.

Чтобы добавить компонент, нужно запустить shadcn CLI с именем реестра @8bitcn, например для добавления кнопки, а затем импортировать его из созданного пути components/ui/8bit. Поскольку код попадает в ваш проект, стили и поведение можно менять напрямую. В README отмечено, что такой путь импорта предполагает настроенный path alias, что обычно встречается в проектах на Next.js.

Проект бесплатный и распространяется по лицензии MIT. Его заявленная цель — сочетать доступность с ретро-визуальным стилем, поэтому он подойдёт для игр, ярких интерфейсов или дашбордов с аркадной эстетикой.

Ключевые возможности

  • 01React-компоненты в ретро-стиле 8-bit с доступностью в основе.
  • 02Добавляются как исходный код через shadcn CLI, поэтому код принадлежит вам и его можно редактировать.
  • 03Сайт с документацией, каталогом компонентов, блоками и темами.
  • 04Бесплатный проект с открытым исходным кодом под лицензией MIT.

Сценарии использования

  • Добавление аркадного стиля или пиксельной графики в веб-приложение на Next.js или React.
  • Создание ярких интерфейсов для игр или творческих проектов.
  • Создание дашборда в ретро-стиле на основе компонентов shadcn.

Быстрый старт

  1. 1

    Добавьте компонент кнопки в проект с помощью shadcn CLI

    pnpm dlx shadcn@latest add @8bitcn/button
  2. 2

    Импортируйте компонент и используйте его в файлах

Что важно знать

  • Путь импорта @/components/ui/8bit предполагает, что настроен псевдоним пути; возможно, его потребуется изменить.

В подборках

Фронтенд-фреймворки и UI-компоненты

Темы

#ui-components#react#shadcn-ui#retro-design#accessibility#tailwind-css#typescript#8-bit#components#retro

Частые вопросы

Что такое 8bitcn-ui?
React-компоненты в ретро-стиле 8-bit на базе shadcn/ui, которые добавляются в проект через shadcn CLI. 8bitcn/ui — это набор UI-компонентов в ретро-стиле с пиксельной графикой для React-проектов. Он построен на базе shadcn/ui: компоненты добавляются в кодовую базу как исходный код, а не устанавливаются в виде зависимости-пакета. В проект входят сайт с документацией, каталог компонентов, блоки и темы.
8bitcn-ui можно использовать бесплатно? Какая у него лицензия?
8bitcn-ui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
8bitcn-ui всё ещё поддерживается?
Активно поддерживается. Последний коммит в 8bitcn-ui — 5 нояб. 2026 г..
Для чего можно использовать 8bitcn-ui?
Добавление аркадного стиля или пиксельной графики в веб-приложение на Next.js или React. Создание ярких интерфейсов для игр или творческих проектов. Создание дашборда в ретро-стиле на основе компонентов shadcn.
Как установить 8bitcn-ui?
Добавьте компонент кнопки в проект с помощью shadcn CLI: pnpm dlx shadcn@latest add @8bitcn/button Импортируйте компонент и используйте его в файлах
Где скачать 8bitcn-ui?
Исходный код и инструкции по установке — на GitHub: https://github.com/TheOrcDev/8bitcn-ui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты