Ниже — подборка сайтов и ресурсов с готовыми HTML/CSS‑компонентами/блоками. Для каждого указал, есть ли зависимость от фреймворков (Tailwind/Bootstrap и т.п.) или можно копировать как есть (vanilla HTML/CSS/минимум JS).
1. HTML5 UP — https://html5up.net
Бесплатные адаптивные шаблоны и блоки, чистый HTML/CSS (обычно без внешних фреймворков).
2. Templated — https://templated.co
Бесплатные шаблоны HTML5/CSS — как правило самодостаточные, без Tailwind/Bootstrap.
3. Componentity — https://componentity.com
Большая коллекция блоков; есть фильтры по «Plain HTML» — можно брать без зависимостей.
4. CodyHouse — https://codyhouse.co/library
Продуманные UI‑компоненты (HTML/CSS + иногда чистый JS). Компоненты можно скачать и использовать автономно.
5. FreeFrontend — https://freefrontend.com
Каталог реальных интерфейсных примеров (меню, hero, галереи и т.д.). В описании обычно указано, зависит ли пример от фреймворка.
6. CSS‑Tricks (Snippets, Almanac) — https://css-tricks.com
Много готовых приёмов/паттернов с HTML/CSS, часто полностью самодостаточных.
7. CodePen Collections — https://codepen.io/collections
Поиск по «pure CSS», «vanilla HTML», «no frameworks» даёт много копируемых примеров. Проверяйте описание пенов на зависимости.
8. CSS Layout — https://csslayout.io
Набор практических CSS‑паттернов (карточки, сетки, центрирование и пр.) с минимальным кодом, без фреймворков.
9. Freebiesbug — https://freebiesbug.com/category/ui-kits/
Сборник UI‑наборов и блоков; многие варианты — чистый HTML/CSS (платные/бесплатные фильтры).
10. Webcomponents.org — https://www.webcomponents.org
Каталог компонентов, реализованных как стандартные Web Components (независимы от React/Vue/Angular; однако используют нативный JS Custom Elements).
11. Shoelace — https://shoelace.style
Набор веб‑компонентов (поставляется как независимые кастом‑элементы). Нужно подключить скрипт/стили, но не требует фреймворка.
12. GOV.UK Design System — https://design-system.service.gov.uk/components/
Паттерны и готовые компоненты в чистом HTML/CSS (ориентированы на доступность); можно копировать образцы.
13. US Web Design System (USWDS) — https://designsystem.digital.gov/components/
Аналогично — готовые компоненты с HTML/CSS примерами.
14. Pattern Lab / Storybook каталоги (пример: https://patternlab.io)
Наборы атомных паттернов; часто содержат готовые HTML‑блоки, но иногда требуют настройки.
15. UI Patterns / Mobbin (паттерн‑галереи) — https://ui-patterns.com, https://mobbin.design
Не всегда дают готовый код, но отлично подходят для вдохновения и быстрого поиска решения.
16. Little Snippets / Heydon (доступность) — https://almanac.httparchive.org/en/resources (и др.)
Небольшие коллекции копируемых решений (часто с минимальным CSS).
17. One Page Love / One Page Templates — https://onepagelove.com/free-templates
Готовые одностраничники (часто самодостаточный HTML/CSS).
18. Start Bootstrap — https://startbootstrap.com/previews
Готовые блоки/шаблоны на Bootstrap (зависимость: Bootstrap CSS/JS). Удобно, если не против включить один CSS файл.
Полезные советы по поиску нужного формата
- Фильтруйте по тегам «plain», «vanilla», «no framework», «pure CSS»/«HTML only».
- На CodePen/FreeFrontend/CodyHouse/Componentity можно искать «plain HTML» или «no dependencies».
- Если находите Tailwind/Bootstrap‑вариант, но нужно «чисто»: можно взять разметку и сгенерировать/написать минимальные стили вручную (инструменты для конвертации Tailwind→CSS есть, но обычно проще переписать нужный стиль).
- Рассмотрите Web Components (Shoelace, собственные Custom Elements) — они независимы от UI‑фреймворков, хотя требуют небольшого JS‑бандла.
Если скажете, какие конкретно блоки нужны (навигация, hero, карточки, таблицы, формы и т. п.), могу подобрать и прислать 8–12 конкретных беззависимых готовых примеров (с ссылками и указанием, можно ли копировать «как есть»).