• карточек;
• модальных окон;
• выпадающих меню;
• табов и аккордеонов;
• уведомлений;
• скелетонов;
• загрузчиков;
• переключателей и других UI-компонентов.

<time datetime="2026-06-17T08:13:41Z" format="datetime">
  17 June 2026
</time>

h1 {
  font-size: clamp(2rem, 5vw, 4rem);
}

2rem — минимальный размер;
5vw — размер плавно меняется в зависимости от ширины окна;
4rem — максимальный размер.

— работает без зависимостей;
— поддерживает React, Vue и обычный JavaScript;
— адаптируется под разные размеры экрана;
— есть автопрокрутка, lazy loading, вертикальный режим и миниатюры;
— поддерживает управление с клавиатуры и соответствует требованиям доступности.

Можно посмотреть, какие шрифты использует страница, заменить их на любой из 1900+ Bunny Fonts или загрузить свой, а затем сразу скопировать код подключения.

— разные режимы чтения;
— несколько вариантов отображения страниц;
— гибкая настройка поведения ридера;
— подходит для веб-просмотра комиксов и манги.

img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

git reflog
git checkout -b my-branch <commit_hash>

.container {
  display: grid-lanes;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

min-block-size: calc-size(fit-content, min(size, 12em));
max-block-size: calc-size(stretch, min(size, 30em));