Repolode
Предложить
internet-development

internet-development/www-sacred

Библиотека компонентов и стилей React для создания веб-приложений, десктопных приложений и статических сайтов в моноширинном терминальном стиле.

Открыть на GitHubСайт
Звёзды
1,569
Форки
82
Открытые issues
4
Последний коммит
3 дня назад

Что это?

SRCL — это репозиторий компонентов React и CSS, который помогает создавать интерфейсы с терминальной эстетикой. Компоненты рассчитаны на точное выравнивание моноширинных символов и высоты строк, поэтому готовые элементы можно копировать и вставлять в веб-приложения, десктопные приложения или статические проекты, не создавая оформление с нуля.

В проект также входит небольшая CLI-библиотека без зависимостей в scripts/cli/lib с версиями на TypeScript и Python. В шаблонах терминала и стилях React используется общая палитра, поэтому экран можно перенести из терминального интерфейса в браузерный, сохранив те же принципы компоновки.

Кроме того, в репозитории публикуются файлы инструкций AGENTS.md и SKILL.md по URL документации, а также исходный код компонентов. Благодаря этому разработчики и AI-агенты могут напрямую ознакомиться с правилами оформления и руководствами по переносу.

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

  • 01Компоненты React на основе моноширинного шрифта с точной настройкой интервалов между символами и высоты строк.
  • 02Реализации компонентов, которые удобно копировать и вставлять для быстрой сборки интерфейса.
  • 03CLI-библиотека без зависимостей на TypeScript и Python, использующая общую палитру со стилями React.
  • 04Руководства по переносу терминальных интерфейсов между CLI на TypeScript, Python и React.
  • 05Исходный код компонентов и документация с описанием правил доступны по постоянным URL для разработчиков и AI-агентов.

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

  • Создание веб-приложений или статических сайтов в ретро-терминальном стиле.
  • Создание интерфейсов в стиле десктопных приложений с моноширинным шрифтом и акцентом на текст.
  • Перенос терминального интерфейса на страницу React или обратно.
  • Создание экранов командной строки на TypeScript или Python, соответствующих дизайну веб-интерфейса.

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

  1. 1

    Установите зависимости (требуется Node.js 22.12 или новее, 24.x либо 26 или новее)

    npm install
  2. 2

    Запустите сервер разработки

    npm run dev
  3. 3

    Откройте http://localhost:10000 в браузере

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

  • Требуется определённая версия Node.js: 22.12 или новее в ветке 22.x, 24.x либо 26 или новее. Node 18, 20, 23 и 25 не поддерживаются.

Темы

#react#design-system#component-library#monospace#terminal-ui#nextjs#typescript#scss

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

Что такое www-sacred?
Библиотека компонентов и стилей React для создания веб-приложений, десктопных приложений и статических сайтов в моноширинном терминальном стиле. SRCL — это репозиторий компонентов React и CSS, который помогает создавать интерфейсы с терминальной эстетикой. Компоненты рассчитаны на точное выравнивание моноширинных символов и высоты строк, поэтому готовые элементы можно копировать и вставлять в веб-приложения, десктопные приложения или статические проекты, не создавая оформление с нуля.
www-sacred можно использовать бесплатно? Какая у него лицензия?
www-sacred распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
www-sacred всё ещё поддерживается?
Активно поддерживается. Последний коммит в www-sacred — 4 нояб. 2026 г..
Для чего можно использовать www-sacred?
Создание веб-приложений или статических сайтов в ретро-терминальном стиле. Создание интерфейсов в стиле десктопных приложений с моноширинным шрифтом и акцентом на текст. Перенос терминального интерфейса на страницу React или обратно. Создание экранов командной строки на TypeScript или Python, соответствующих дизайну веб-интерфейса.
Как установить www-sacred?
Установите зависимости (требуется Node.js 22.12 или новее, 24.x либо 26 или новее): npm install Запустите сервер разработки: npm run dev Откройте http://localhost:10000 в браузере
Где скачать www-sacred?
Исходный код и инструкции по установке — на GitHub: https://github.com/internet-development/www-sacred

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

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