Набор небольших адаптивных модулей CSS, которые можно использовать в каждом веб-проекте.

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/pure-min.css" integrity="sha384-G9DpmGxRIF6tpgbrkZVcZDeIomEU22LgTguPAI739bbKytjPE/kHTK5YxjJAAEXC" crossorigin="anonymous">

НачатьСкачать архивом

Минимальный размер CSS

Pure смехотворно крошечный. Размер всего набора модулей составляет 3,7 КБ *. Фреймфорк создавался специально для мобильных устройств и сохранять небольшие размеры файлов было приоритетной задачей. Поэтому каждая строка CSS тщательно продумана. Если вы решите использовать только часть этих модулей, то сэкономите еще больше байтов.

* Мы умеем складывать правильно :) цифры выше - это стандартные размеры модулей. ОБъединённые в однин файл, они сжимаются (gzip) еще больше.

Фундамент Pure CSS

Pure основан на Normalize.css и предоставляет макет и стиль для собственных элементов HTML, а также наиболее распространенные компоненты пользовательского интерфейса. Это то, что вам нужно, без лишнего мусора.

Создан под мобильные устройства

Pure реагирует "из коробки", поэтому элементы отлично смотрятся на экранах любого размера.

Удобство интеграции

Pure имеет минимальные стили и предлагает вам писать стили приложения поверх него. Он разработан, чтобы не мешать вам и упрощает переопределение стилей.

Схема типового макета фрэймворка Pure

Создавайте адаптивные макеты.

Используя сетки, меню и многое другое, легко создавать красивые адаптивные макеты для экранов любого размера. Мы упростили для вас начало работы. Взгляните на несколько разных макетов и начните свой следующий веб-проект с прочной основой.

Посмотреть макеты

Создайте свой собственный внешний вид

В отличие от других фреймворков, дизайн Pure бесхитростный, минималистичный и плоский. Мы считаем, что намного проще добавить новые правила CSS, чем перезаписать существующие. Добавив несколько строк CSS, вы можете настроить внешний вид Pure для работы с вашим веб-проектом.

Расширения Pure