remx.css — компактный CSS-микрофреймворк
Небольшой открытый CSS-набор с сеткой, типографикой и утилитами, размеры которых строятся вокруг rem-единиц.
- Период
- 2026
- Моя роль
- Автор и разработчик
- Контекст
- Собственный проект
- Тип
- Open source
- Статус
- Прототип
- Технологии
- css, npm
Кратко
remx.css — экспериментальный CSS-микрофреймворк для небольших интерфейсов. Он содержит базовую сетку, типографику и утилиты, а размеры строятся вокруг rem, чтобы компоненты масштабировались вместе с корневым размером шрифта.
Контекст
Проект появился из повторяющейся задачи: для небольшого прототипа часто нужен предсказуемый базовый слой, но подключать крупную дизайн-систему не хочется. Мне было интересно проверить, насколько компактным может быть такой набор без потери удобства.
Моя работа
- определил шкалу размеров и отступов;
- собрал базовую типографику и сетку;
- добавил набор часто используемых утилит;
- подготовил демонстрационную страницу;
- опубликовал исходный код и пакет npm.
Интересные решения
Единица rem используется не только для текста, но и как основа пространственной системы. Это позволяет менять масштаб интерфейса через одно корневое значение и сохранять пропорции между типографикой, отступами и компонентами.
Технологии
Проект намеренно остаётся CSS-first: без JavaScript-зависимости и обязательного сборщика. npm используется как один из способов доставки, а исходный код доступен отдельно.
Интерфейс
Демонстрационная страница показывает типографику, сетку и утилиты в одном месте. Она служит одновременно документацией и площадкой для проверки новых правил.
Результат
Прототип опубликован в GitHub, npm и на демо-странице. Метрики использования пока не являются целью проекта.
Текущее состояние
Это рабочий прототип и площадка для экспериментов, а не обещание стабильного публичного API. Перед использованием в коммерческом проекте стоит зафиксировать конкретную версию.