HTML, CSS, Javascript | Пак ресурсов для тех, кому медведь наступил на дизайнерское ухо
REHAN
Пацаны, делюсь списком ресурсов, которыми частично сам пользуюсь, чтобы не тратить время на рисование кнопок и подбор цветов. Коротко и по делу: 1. shadcn/ui — это не библиотека, а копипаст готовых React/Vue компонентов. Идеально для тех, кто хочет чистый интерфейс без мусора в node_modules . 2. Lucide Icons — легкие SVG иконки. Заменяют FontAwesome, не весят тонну и выглядят современно. 3. Coolors.co — жмешь пробел и получаешь готовую палитру. Мастхев, если не понимаешь, какие цвета сочетаются. 4. Hero Patterns — куча бесплатных SVG-паттернов на фон, чтобы сайт не выглядел пустым.
Кто чем еще пользуется для быстрой верстки? Накидайте своих ссылок, если есть что-то проще и быстрее
Я обычно собираю всё на Tailwind + эти тулзы. Времени уходит минимум, а выглядит как работа дизайнера.
Пример кнопки в Tailwind
html
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> Нажми меня </button>
Чего отступления слетели?.. Жесть...
Круто, давайте дополнять тему))
Мб кто знает откуда можно нормальную графику в svg тянуть? Стоки бесплатные и тд)
TheWilf Мб кто знает откуда можно нормальную графику в svg тянуть? Стоки бесплатные и тд)
Тема хорошая. Внесу свои 5 копеек и поделюсь проектами, которые использую сам.
REMIX ICON
Обширная библиотека бесплатных иконок с открытым исходным кодом, предназначенная для дизайнеров и разработчиков. ССЫЛКА
STORYSET
Обширная библиотека бесплатных векторных иллюстраций с людьми, специально разработанных для сайтов и приложений. ССЫЛКА
UnDraw
Бесплатный онлайн-сервис с открытым исходным кодом, предоставляющий современную библиотеку SVG и PNG иллюстраций для сайтов, приложений и презентаций. ССЫЛКА
TABLERICONS
Библиотека бесплатных SVG-иконок (более 5500) ССЫЛКА
SVGWAVE
Бесплатный онлайн-инструмент для создания красивых волнообразных фонов. ССЫЛКА
RUFONTS
Каталог шрифтов с поддержкой КИРИЛЛИЦЫ ССЫЛКА
Denis Legran REMIX ICON
Обширная библиотека бесплатных иконок с открытым исходным кодом, предназначенная для дизайнеров и разработчиков. ССЫЛКА
STORYSET
Обширная библиотека бесплатных векторных иллюстраций с людьми, специально разработанных для сайтов и приложений. ССЫЛКА
UnDraw
Бесплатный онлайн-сервис с открытым исходным кодом, предоставляющий современную библиотеку SVG и PNG иллюстраций для сайтов, приложений и презентаций. ССЫЛКА
TABLERICONS
Библиотека бесплатных SVG-иконок (более 5500) ССЫЛКА
SVGWAVE
Бесплатный онлайн-инструмент для создания красивых волнообразных фонов. ССЫЛКА
RUFONTS
Каталог шрифтов с поддержкой КИРИЛЛИЦЫ ССЫЛКА
MUSICVID
Полезный ресурс для контентмейкеров в сфере музыки
ССЫЛКА
WICKEDBACKGROUNDS
Ещё один бесплатный онлайн-инструмент для создания красивых волнообразных фонов
ССЫЛКА
Animated CSS Background Generator
набор анимированных фонов на чистом CSS с возможностью кастомизации.
ССЫЛКА
Vanta.js
галерея настраиваемых анимированных 3D и WebGL-фонов с использованием three.js.
ССЫЛКА
Trianglify
Создавайте красочные низкополигональные треугольные паттерны, которые можно использовать в качестве обоев и ресурсов для сайта.
ССЫЛКА
Naker Back
Сайт для создания интерактивных фонов.
ССЫЛКА
Ramirez Полезный ресурс для контентмейкеров в сфере музыки
ССЫЛКА
WICKEDBACKGROUNDS
Ещё один бесплатный онлайн-инструмент для создания красивых волнообразных фонов
ССЫЛКА
Animated CSS Background Generator
набор анимированных фонов на чистом CSS с возможностью кастомизации.
ССЫЛКА
Vanta.js
галерея настраиваемых анимированных 3D и WebGL-фонов с использованием three.js.
ССЫЛКА
Trianglify
Создавайте красочные низкополигональные треугольные паттерны, которые можно использовать в качестве обоев и ресурсов для сайта.
ССЫЛКА
Naker Back
Сайт для создания интерактивных фонов.
ССЫЛКА
OZZY