contributing guidelines перед отправкой новых ресурсов. Веб-сайты и ресурсы с современными компонентами пользовательского интерфейса в разных форматах, таких как PSD, Sketch, Figma и т. д. Они отлично подходят для идей для веб-компонентов/UI.
| Веб-сайт | Описание |
|---|---|
| Синусоидальные волны SVG | Экспортируйте идеальные синусоидальные волны в формате SVG для своих внешних проектов. |
| Дизайн пользовательского интерфейса ежедневно | Потрясающие компоненты пользовательского интерфейса всех типов |
| 100 ежедневных интерфейсов | Бесплатная библиотека продуктов, элементов и экранов Figma |
| Исходники приложения Sketch | Sketch UI, каркасы, значки и многое другое. |
| Хумааанс | Классные иллюстрации людей, способных смешивать и сочетать |
| Паааттерны | Бесплатная коллекция красивых узоров для всех векторных форматов. |
| 404 иллюстрация | Бесплатные иллюстрации на 404 страницы. |
| Drawkit.io | Иллюстрации для дизайнеров и стартапов |
| Абсурд.дизайн | Бесплатные сюрреалистические иллюстрации для дизайнеров и разработчиков. |
| Undraw.co | Иллюстрации с открытым исходным кодом для любой идеи, которую вы можете себе представить и создать. |
| Многиепиксели.ко | Монохромные, изометрические высококачественные иллюстрации. |
| Открытые взгляды | Библиотека рисованных иллюстраций |
| InvisionApp | Библиотека бесплатных высококачественных наборов пользовательского интерфейса, пакетов значков и макетов. |
| Открытые каракули | Бесплатный набор схематичных иллюстраций |
| Аватары | Бесплатная библиотека эскизов иллюстраций аватаров Пабло Стэнли |
| Краснеть | Бесплатные настраиваемые иллюстрации с помощью плагина Figma |
| Выкройки героев | Коллекция повторяющихся фоновых узоров SVG. |
| БОБУС Выкройки | Набор из более чем 150 бесплатных шаблонов SVG (фонов). |
| ИРА Дизайн | Коллекция градиентных иллюстраций с открытым исходным кодом от Creative Tim. |
| Прозрачные текстуры | Коллекция прозрачных текстур фона. |
| icon8.com/illustrations | Векторные иллюстрации, которые украсят ваш проект |
| Паттернико | Создатель бесшовных узоров |
| Пиксельные иллюстрации | Бесплатные анимированные иллюстрации |
| Абстрактный API аватара пользователя | API для создания простых, но гибких аватаров пользователей на основе имен пользователей или адресов электронной почты. |
| долина эскизов | Загрузите бесплатно файл PNG, SVG или AI. |
| ШаблонPad | Бесплатные и неограниченные уникальные дизайны узоров. |
| Размеры | Dimensions.com — это постоянно действующая справочная база данных чертежей с размерами, документирующая стандартные измерения и размеры повседневных предметов и пространств. |
| Халявабаг | Отобранные ресурсы для веб-дизайнеров и разработчиков, постоянно обновляемые. |
| Гибкий | Каждый день одна новая высококачественная иллюстрация с открытым исходным кодом. |
| Классный текст | Cool Text — это БЕСПЛАТНЫЙ генератор графики для веб-страниц и везде, где вам нужен впечатляющий логотип без особых усилий по дизайну. |
| комплект иллюстраций | Премиум-иллюстрации с открытым исходным кодом добавляются ежедневно. |
| Генератор шаблонов безделушек | Создавайте уникальные бесшовные узоры без лицензионных отчислений. |
| Узорный монстр | Простой онлайн-генератор шаблонов для создания повторяющихся шаблонов SVG. |
| Образец | Бесплатная библиотека аватаров для Figma и Sketch |
| UIBundle | Тысячи бесплатных ресурсов по дизайну, таких как наборы пользовательского интерфейса, макеты, иллюстрации, значки, шрифты, 3D-ресурсы, шаблоны и многое другое. |
| openby.design | Специально разработанные бесплатные ресурсы по дизайну пользовательского интерфейса для личных и коммерческих проектов. Никакой авторизации не требуется. |
| Дизайнерская полоса | Создавайте красивые иллюстрации, не требуя навыков дизайна. |
| ПРИВЕТ СВГ! | Площадка SVG для обмена материалами SVG. |
| symu.co | Бесплатные шаблоны, наборы пользовательского интерфейса, иконки, PSD |
| Сетка градиента | Создавайте и загружайте красивые градиенты сетки. |
| CSS-теневые градиенты | Создайте CSS-градиенты для теней. |
| Креатика | Создавайте уникальные красивые и уникальные фоны и узоры. |
| Скучные аватары | SVG случайные коллекции симпатичных аватаров |
| HTML для дизайна | Превратите любой веб-сайт в полностью редактируемый дизайн Figma. |
| ффтопливо | коллекция цветовых инструментов и бесплатных SVG-генераторов для градиентов, узоров, текстур, форм и фона |
Веб-сайты, предлагающие бесплатные шрифты, а также инструменты на основе шрифтов.
| Веб-сайт | Описание |
|---|---|
| Google Шрифты | Библиотека из около 1000 семейств бесплатных лицензированных шрифтов. |
| ДаФонт | Архив свободно загружаемых шрифтов |
| Используйте и изменяйте | Персональный подбор красивых, классных, панковских, профессиональных, неполных, странных шрифтов. |
| 1001 бесплатных шрифтов | Думаю, название говорит само за себя? |
| Шрифт Squirrel | Font Squirrel ищет в Интернете высококачественные и законно бесплатные шрифты. |
| Ткань Шрифта | Литейная компания по производству цифровых шрифтов, создающая розничные шрифты и нестандартную типографику для различных брендов. |
| Просто бесплатные шрифты | Собранная вручную коллекция бесплатных шрифтов, шрифтов с открытым исходным кодом и общедоступных шрифтов, предназначенных для коммерческого использования. |
| Тифф | Инструмент сравнения типов, который визуально контрастирует различия между двумя шрифтами. |
| ТипКомплект для практики | Узнайте о методах типографики |
| Фонтджой | Создавайте пары шрифтов в один клик |
| Золотое сечение | Калькулятор типографики золотого сечения |
| FontGet | Имеет множество шрифтов, доступных для загрузки и аккуратно отсортированных по тегам. |
| ШрифтПара | Помогает объединить Google Fonts вместе. |
| Пространство шрифта | Веб-сайт бесплатных шрифтов, ориентированный на дизайнеров, с быстрым настраиваемым предварительным просмотром. |
| Абстрактные шрифты | Шрифты бесплатны для личного и коммерческого использования. |
| Бесплатная типографика | Список высококачественных шрифтов |
| Леон Санс | Геометрический шрифт без засечек, созданный с помощью кода. |
| Лексенд | Эмпирически показано, что переменный шрифт значительно улучшает навыки чтения. |
| Шрифты для платформ Apple | Получите подробную информацию, платформы и инструменты, необходимые для использования системных шрифтов для платформ Apple в ваших приложениях. |
| СФВин | Шрифты Сан-Франциско для Windows 10 и платформ сторонних производителей |
| Шрифт Flipper | Просматривайте более 800 шрифтов Google поверх своих собственных дизайнов без необходимости скачивать шрифты. |
| Шрифты Арена | Бесплатные курируемые шрифты |
| Бефонтс | Качественные шрифты бесплатно. |
| Арабские шрифты | Арабские шрифты бесплатно |
| Шрифтдроп | Простой и легкий способ просмотра содержимого файлов шрифтов |
| Открытый литейный цех | БЕСПЛАТНАЯ платформа для курируемых шрифтов с открытым исходным кодом |
| Глифтер | Загрузите свой собственный SVGS и превратите его в файлы шрифтов. Полезно, если вы хотите загрузить меньшую библиотеку. |
| Помощник по веб-шрифтам Google | Простой способ самостоятельного размещения Google Fonts |
| Шрифт Rough | Когда RoughJS встречается с Font Awesome |
| FШрифты | Стильные шрифты бесплатно |
| Малаяламские шрифты | Бесплатные малаяламские шрифты, поддерживаемые Swathanthra Malayalam Computing (SMC). |
| Шрифты для разработчиков | Найдите и используйте кодовые шрифты бесплатно |
| Шрифт М | Бесплатный шрифт, который вы можете скачать для кодирования и дизайна материалов. |
| W Шрифты | Скачать Бесплатные шрифты |
| Редактор современной плавной типографики | Плавная типографика — это современный подход к адаптивной типографике. |
| Городские Шрифты | Коллекция из более чем 8000 бесплатных шрифтов и дингбатов. |
| Вдохновение | Вдохновляющие комбинации шрифтов и цветовые палитры |
| Источник шрифтов | Самостоятельное размещение шрифтов с открытым исходным кодом в аккуратно связанных пакетах NPM. |
| ШрифтBolt | Откройте для себя и создайте свои любимые шрифты из поп-культуры. |
| Fontshare | Fontshare — это бесплатный сервис шрифтов от Indian Type Foundry (ITF), который делает качественные шрифты доступными для всех. |
Веб-сайты и ресурсы, которые помогают сделать выбор, связанный с цветами
| Веб-сайт | Описание |
|---|---|
| Колорлаб | Создавайте цветовую палитру, градиенты, цветовые шкалы, проверяйте контрастность — все в одном месте. |
| Цветной пивовар 2 | Оригинальный генератор цветовой палитры, также поддерживающий дальтонизм. Вероятно, лучший с научной точки зрения вариант. И, наверное, не самый красивый. |
| Уэтоне | Инструмент для создания доступных цветовых систем. |
| Colormind.io | Генератор цветовой палитры |
| ColorCurves.app | Генератор цветовой палитры, использующий кривые для создания цветовых палитр. |
| ЦветГрадиент | Бесплатный инструмент для визуального создания простых и сложных CSS-градиентов. |
| Холодильники | Создайте идеальную палитру или вдохновитесь тысячами красивых цветовых схем. |
| Цвета пользовательского интерфейса | Генератор цветовой палитры Tailwind CSS |
| Цветовые коды HTML | Получайте цветовые коды HTML, шестнадцатеричные коды цветов, значения RGB и HSL с помощью нашей палитры цветов, цветовой диаграммы и названий цветов HTML. |
| Цвета и шрифты | Кураторская библиотека цветов, шрифтов и ресурсов. |
| Список палитр | Выберите 2 цвета, которые вам нравятся, и инструмент создаст для вас тысячи палитр. |
| Инструмент цвета материалов Google | Официальный инструмент цветовой палитры Google Material |
| Палитра материалов | Свободный выбор палитр, значков и цветов для Material Design. |
| ЦветПространство | Создавайте красивые цветовые палитры из одного цвета |
| КвартираUIЦвета | Красивый набор цветовых палитр с различными вкусами. |
| Adobe Цвет | Создавайте цветовые палитры, извлекайте градиенты из изображений и т. д. |
| Цветсинспо | Универсальный ресурс, где можно найти все о цветах. |
| ЦветаСтена | Место для хранения ваших цветовых палитр и создания палитры в один клик. |
| Хэппихуес | Happy Hues — это сайт, вдохновленный цветовой палитрой, который служит реальным примером того, как цвета могут быть использованы в ваших дизайнерских проектах от Маккензи Чайлд. |
| Adobe Тренды | Узнайте о текущих цветовых тенденциях в различных отраслях от творческих сообществ на Behance и Adobe Stock. |
| Цветная охота | Бесплатная и открытая платформа для вдохновения цветом с тысячами тщательно подобранных модных цветовых палитр. |
| Градиентная охота | Бесплатная и открытая платформа для вдохновения градиентами с тысячами тщательно подобранных модных цветовых градиентов. |
| Веб-градиенты | Бесплатный сайт для поиска хороших градиентов CSS. |
| Цветная коробка | Бесплатный веб-сайт для создания набора цветов |
| CSS-градиент | Бесплатный веб-сайт для создания собственного градиента и несколько примеров градиента. |
| градиента | Чистый CSS и градиенты jpg |
| Градиенты пользовательского интерфейса | Генератор цвета градиентов пользовательского интерфейса |
| Генератор палитр | Генерируйте новую цветовую палитру при каждом нажатии клавиши пробела. |
| Палитры материалов | Более 1000 палитр Material Design |
| Грабиент | Выбор градиента |
| ТеньSwash | Быстрое создание оттенков любого цвета |
| БрендЦвета | Самая большая коллекция официальных цветовых кодов брендов. |
| БРЕНДОВЫЕ ПАЛИТРЫ | Цветовые коды и палитры логотипов |
| Генератор палитр дизайна материалов | Генерация темы и цветовой палитры в стиле Material Design. |
| Раскрасить | Инструмент цветовой схемы для дизайнеров и разработчиков. Это поможет вам черпать вдохновение и послужит ресурсом для вашей цветной работы. |
| от 0 до 255 | Цветовой инструмент, который позволяет легко осветлять и затемнять цвета. Он идеально подходит для состояний наведения, границ, градиентов и многого другого. |
| Цветовой блендер | Инструмент, который показывает средние цвета между двумя цветами. |
| Градиентные кнопки | Готовые к использованию кнопки копирования/вставки градиента |
| Хрома | Khroma использует искусственный интеллект, чтобы узнать, какие цвета вам нравятся, и создает безграничные палитры, которые вы можете открывать, искать и сохранять. |
| кто может использовать | Инструмент, который привлекает внимание и помогает понять, как цветовой контраст может повлиять на людей с нарушениями зрения. |
| Раскрашиваемый | Тестер контрастности цветовых комбинаций |
| Шестнадцатеричный выбор цвета | Инструмент для получения шестнадцатеричного кода вместе с названием цвета. |
| Сарувакакун | Потрясающая цветовая схема для дизайна веб-сайтов и приложений с предварительным просмотром |
| Палеттон | Paletton.com — это дизайнерский инструмент для работы с цветом, предназначенный для создания сочетаний цветов, которые хорошо сочетаются друг с другом. |
| Колорзилла | Мощный онлайн-редактор градиентов CSS, похожий на Photoshop. |
| Редактор CSS-градиентов | Этот инструмент может понадобиться вам только для создания градиентных фонов и узоров CSS. |
| Выбор цвета изображения | Выбор цвета изображения и генератор палитры |
| Комбинировать ЦВЕТА | Инструмент для смешивания цветов |
| Любители цвета | Он покажет цветовые схемы, популярные во внешнем мире. |
| HTML CSS Цвет | Бесплатные онлайн-инструменты «Цвет» (США) или «Цвет» (Великобритания): информация, генератор градиентов, цветовые круги и т. д. |
| Шестнадцатеричные цветовые коды | Он получает цветовые коды HTML, шестнадцатеричные коды цветов, значения RGB и HSL с помощью нашей палитры цветов, цветовой диаграммы и названий цветов HTML. |
| CoolHue 2.0 | Бесплатный инструмент, показывающий различные примеры градиентов в форматах CSS и PNG. |
| Цвета.лол | Интересные цветовые палитры, созданные ботом Twitter, для каждого цвета есть шестнадцатеричные коды и описательные названия. |
| цвета.dopely | Сверхбыстрый и простой генератор цветовых палитр: палитры можно сохранять и делиться ими за считанные секунды. |
| Выбор цвета пользовательского интерфейса | Коллекция цветов пользовательского интерфейса с шестнадцатеричными кодами, которые можно скопировать одним щелчком мыши. |
| Цвет Шестигранник | Color-hex предоставляет информацию о цветах, включая цветовые модели (RGB, HSL, HSV и CMYK), и генерирует простой CSS-код для выбранного цвета. |
| ФарбВело | Генератор случайной цветовой палитры |
| Веранда Цвет | Просматривайте цветовые палитры, созданные другими дизайнерами, создавайте и отправляйте свои собственные |
| Дуэт | Duo — это коллекция цветовых комбинаций, которые я собрал на основе личных проектов или нашел в Интернете. |
| Список палитр Lospec | Список палитр Lospec — это база данных палитр для пиксельной графики. |
| Приложение Палитра | Создавайте плавные цветовые схемы, перетекающие от одного цвета к другому. |
| яйца | Градиентные цвета фона с яйцами. |
| Градиентос | Легко находите и тестируйте градиенты. |
| Энциклопедия | Веб-сайт для ссылок на веб-цвета. Знание цвета, веб-цвета, шестнадцатеричные коды цветов. |
| Крома | Мощные инструменты работы с цветом, включая пипетку, палитру цветов и генератор палитр. |
| Цветовой дизайнер | Генератор градиента из одного цвета. |
| Дуотон | Найдите красивые бесплатные двухцветные изображения для использования в любом проекте или создайте собственные двухтоновые изображения, загрузив собственное изображение и применив двухтоновый эффект за считанные секунды. |
| генератор крутых фонов | Изучите прекрасно подобранную подборку классных фонов, которые вы можете добавить в блоги и на веб-сайты. |
| Генератор цветовых оттенков | Мы можем быстро генерировать цветовые оттенки наших любимых цветов или любых цветов, создавать шаблоны или CSS-компоненты с несколькими цветовыми оттенками, а также более полезные инструменты, доступные на том же сайте. |
| Хюэминт | Huemint использует машинное обучение для создания уникальных цветовых схем для вашего бренда, веб-сайта или графики. |
| Создатель палитры InclusiveColors | Создавайте пользовательские доступные цветовые палитры в стиле Tailwind, где вы можете изменять кривые HSL для целых образцов, проверять контрастность WCAG/APCA, а затем экспортировать в Tailwind/CSS/figma/Adobe. |
Ресурсы для значков, включая png, svg и другие.
| Веб-сайт | Описание |
|---|---|
| Цирковые иконы | Согласованные значки с открытым исходным кодом в формате SVG для React, Vue и Svelte. |
| UXWing | Хорошо оптимизированные, бесплатные иконки для коммерческого использования. |
| Фигурные шрифты Iconclub | 8000+ бесплатных иконок |
| Иконы перьев | Красивые, настраиваемые значки с открытым исходным кодом |
| Иконки таблиц | Более 3500 настраиваемых значков SVG с открытым исходным кодом и поддержкой React, Preact, Vue, Svelte и SolidJS. |
| Ксиконс | Компоненты SVG Vue/React, интегрированные из fluentui-system-icons, ionicons и т. д. (Vue3, Vue2, React, SVG). |
| Иконуар | Бесплатная библиотека из более чем 900 иконок с открытым исходным кодом. |
| Простые иконки | 1307 бесплатных SVG-иконок для популярных брендов |
| Линейные иконки | 1000+ сверхчетких векторных значков |
| Иконки8 | Бесплатные иконки, фотографии, векторы и инструменты |
| Плоская икона | Самая большая база бесплатных иконок в форматах PNG, SVG, EPS, PSD и BASE 64. |
| Проект существительного | Более 2 миллионов тщательно подобранных иконок, созданных мировым сообществом. |
| Иконскаут | Бесплатно скачать стоковые фотографии значков с иллюстрациями в одном месте |
| IconSear.ch | Поисковая система, проиндексировавшая более 50 000 значков SVG. |
| Приложение Нуклео | Nucleo — это прекрасная библиотека из 27500 значков и мощное приложение для сбора, настройки и экспорта всех ваших значков. (бесплатно и платно) |
| Icon-icons.com | Бесплатные иконки PNG, ICO, ICNS и векторный файл SVG |
| Иконки начальной загрузки | Бесплатные иконки, созданные для Bootstrap, но они будут работать в любом проекте. |
| Иконка Ремикс | Просто восхитительная система иконок |
| Иконмонстр | Откройте для себя более 4496 бесплатных иконок в 313 коллекциях |
| Яркий.js | Готовая к использованию бесплатная библиотека JavaScript SVG Icons Pack с открытым исходным кодом. |
| Иконфандер | Бесплатные и премиум векторные иконки в формате SVG, PNG, CSH и AI. |
| Лордикон | 50 бесплатных анимированных интерактивных иконок |
| Использовать анимацию | Бесплатные анимированные иконки в формате SVG и Json (для лотереи) |
| css.gg | Более 700 значков пользовательского интерфейса CSS, SVG и Figma с открытым исходным кодом, доступных в SVG Sprite, стилизованных компонентах, NPM и API. |
| IconBros | 7843+ бесплатных иконок, сгруппированных в 182 коллекции. |
| Иконки материального дизайна | Коллекция значков, позволяющая дизайнерам и разработчикам, ориентированным на различные платформы, загружать значки в том формате, цвете и размере, которые им нужны для любого проекта. |
| Героиконы | Бесплатные иконки с открытым исходным кодом от создателей Tailwind CSS. |
| Зондиконы | Набор бесплатных SVG-значков премиум-класса, которые вы можете использовать в своих цифровых продуктах. |
| Бесконечные значки | Веб-сайт, предлагающий множество бесплатных иконок. Иконки тегируются, а также сжимаются в наборы. |
| Икомун | Просмотрите более 5500 бесплатных иконок. Добавьте любой набор, который вы хотите легко просматривать и искать по его значкам. |
| Ева Иконки | Eva Icons — это пакет из более чем 480 прекрасно созданных иконок с открытым исходным кодом для распространенных действий и предметов. |
| Криптоиконки | Набор из 430 значков криптовалют и фиатных валют. Совершенно бесплатно. |
| Иконатство | Полностью настраиваемые и доступные векторные иконки |
| аппикон | Быстро создавайте значки приложений разных размеров для ваших проектов iOS, macOS и Android. |
| ЛинияИконки | Более 2000 основных линейных иконок для дизайнеров и разработчиков |
| Эвериконы | Evericons — это большой пакет из более чем 460 бесплатных иконок, разработанных Алексеем Поповым. |
| SVG-репозиторий | Загрузите бесплатно векторы SVG для коммерческого использования. |
| Преобразование | Конвертируйте PNG-файлы в SVG онлайн и бесплатно. (Одна из предоставляемых им услуг.) |
| CSS-ИКОНА | Набор значков, созданный с использованием чистого CSS-кода, без зависимостей, значки «возьми и иди». |
| Единые иконки | Тысячи иконок, одна унифицированная структура. Одна библиотека, более 40 000 векторных иконок. |
| Системные значки пользовательского интерфейса | Более 220 иконок в постоянно растущей коллекции. |
| ЗначокПарк | Преобразуйте значок SVG в несколько тем и создавайте значки React, значки Vue, значки SVG. |
| Иконки системы счисления | Яркий набор иконок размером 15×15, разработанный командой Modulz. Все значки доступны в виде отдельных компонентов реагирования, SVG и т. д. |
| Иконки ЭОС | Идеальный до пикселя культовый шрифт с открытым исходным кодом, доступный в виде лигатуры и SVG. |
| Иониконы | Красиво оформленные значки с открытым исходным кодом для использования в веб-приложениях, iOS, Android и настольных приложениях. |
| Фосфорные иконы | Phosphor — гибкое семейство значков для интерфейсов, диаграмм и презентаций. |
| Маленькие иконки | TeenyIcons — это набор значков в формате SVG, который легко использовать в html. |
| Люсиде | Lucide — это библиотека иконок с открытым исходным кодом, ответвление Feather Icons. |
| Иконки | Обозреватель значков с мгновенным поиском на базе Iconify. |
| Дерьмовые иконки | Коллекция бесплатных иконок. |
| Иконпедия | Iconspedia — это веб-сайт, содержащий большую коллекцию высококачественных бесплатных иконок. |
| значокхаб | Просто практичные потрясающие значки для всех |
| 3ДИКОНС | Красиво созданные 3D-иконки с открытым исходным кодом |
| ИконкиБД | Бесплатные пользовательские иконки |
| Руководство по смайликам | Коллекция из 3300 смайлов с их HTML-кодами для удобства использования. |
| Единорог Иконы | Более 100 настраиваемых игривых анимированных значков. Доступно в формате JSON и SVG. |
| Саргамские иконы | Коллекция из более чем 275 иконок с открытым исходным кодом, доступных для Figma, SVG и React. |
| Значок приятеля | Коллекция из более чем 100 тысяч SVG-значков с открытым исходным кодом, полностью настраиваемая для дизайнеров и разработчиков. |
| Круглые значки | Самая большая в мире библиотека премиальных и бесплатных пакетов значков, состоящая из плоских значков, линейных значков, заполненных контуров, изометрических и сплошных стилей. |
| Вектопус | Лучшие коллективные ресурсы для элитных дизайнеров. |
Ресурсы для логотипов
| Веб-сайт | Описание |
|---|---|
| LogoSear.ch | Поисковая система, проиндексировавшая более 200 000 логотипов SVG. |
| СВГПорно | Более 1000 высококачественных SVG-логотипов. |
| Логотипы платежных систем | Логотипы платежных систем доступны в форматах png и svg. |
| Логотипы браузера | Логотипы веб-браузера в высоком разрешении |
| ВекторЛоготипЗона | Последовательно отформатированные логотипы SVG |
| Мировой векторный логотип | Скачайте векторные логотипы любимых брендов |
| Создатель логотипа | Создавайте собственные логотипы |
| Бесплатный конструктор логотипов | Быстрый универсальный генератор логотипов |
| ЛОГОВино | Логотипы брендов скачать бесплатно в векторном формате SVG и PNG |
Ресурсы для значков
| Веб-сайт | Описание |
|---|---|
| Фавикон.io | Создайте значок из текста, изображения или смайлика. Скачать в форматах .ico и .png. |
| Фавикоматик | Создавайте значки всех размеров и форматов, а также HTML-код, необходимый для поддержки всех возможных браузеров и устройств. |
| Генератор фавиконов | Создайте ico-файлы favicon для вашего сайта. |
| RealFaviconGenerator | Генерация значков для всех платформ (Windows, iOS, Android) |
| ШрифтИконка | Генерируйте значки и изображения из значков Font Awesome. |
| Фавикон.cc | Нарисуйте значок онлайн и просмотрите библиотеку значков, созданных другими пользователями. |
| Редактор Maskable.app | Создавайте маскируемые значки PWA на основе существующего значка. |
| Генератор фавиконов | Создайте ресурсы значков веб-сайта. SVG, маскируемый, поддерживается минимизация изображений. Чистый фронтенд. Никакого риска для конфиденциальности. Быстрый. |
Ресурсы для иконочных шрифтов
| Веб-сайт | Описание |
|---|---|
| Шрифт Awesome | Самый популярный набор значков и инструментов в Интернете. |
| Линия Потрясающая | Замените Font Awesome на современные линейные иконки. |
| Иконки материалов | Библиотека иконок дизайна материалов |
| Ионные иконки | Красиво созданные иконки с открытым исходным кодом от команды Ionic. |
| Иконы Фонда Зурба | Настраиваемые значки Фонда |
| Иконки Фонтисто | Fontisto — культовый набор инструментов для шрифтов и CSS · Более 616 бесплатных иконок |
| Боксиконы | Boxicons — это бесплатная коллекция тщательно созданных иконок с открытым исходным кодом. |
| Икофонт | Более 2100 бесплатных значков, которые придадут пикантность вашим творческим проектам. |
| Палитра материалов | Свободный выбор палитр, значков и цветов для Material Design. |
| Знаменитый шрифт Material Design | Шрифт значка дизайна материала |
| Кодиконы Vscode | Иконочный шрифт из Visual Studio Code. |
| Девикон | Devicon — набор значков, представляющих языки программирования, инструменты проектирования и разработки. |
| Платежный шрифт | Изящный веб-шрифт для платежных операторов и методов. Содержит 116 иконок |
| Иконки погоды | Weather Icons — единственный иконочный шрифт с 222 иконками на тему погоды. |
| Инсульт 7 | 202 иконки с тонкими штрихами, вдохновленные iOS 7. |
| Иконки с вареньем | Более 890 созданных вручную значков, которые сделают ваше веб-приложение потрясающим |
| Фонтелло | Более 200 веб-значков, где вы можете настроить имена или коды значков. |
| Линеа | Linea: более 750 бесплатных иконок |
| Юниконы | Набор из более чем 1100 бесплатных значков в стиле линий, доступных в виде веб-шрифта, значков SVG и компонентов для таких фреймворков JS, как React, Vue и React Native. |
| Иконки Mobirise | Бесплатный набор с открытым исходным кодом, состоящий из 150 элегантных линейных значков с идеальным разрешением до пикселя, доступных в виде веб-шрифта и значков SVG. |
| Иконки героев | Бесплатная библиотека SVG-иконок с открытым исходным кодом |
| Реагировать на иконки | Бесплатная библиотека значков SVG с открытым исходным кодом. Это коллекция ваших любимых библиотек значков, таких как Font Awesome и Material Icons, которые предоставляют вам широкий выбор значков SVG на выбор. |
Веб-сайты, предлагающие бесплатные стоковые фотографии всех видов для ваших веб-сайтов и приложений.
| Веб-сайт | Описание |
|---|---|
| Пексели | Бесплатные стоковые фотографии от талантливых авторов |
| Unsplash | Интернет-источник свободно используемых изображений. |
| Pixabay | Более 1,7 миллиона высококачественных стоковых изображений и видео. |
| Магделина | Галерея и бесплатные фотографии в высоком разрешении каждый день |
| фото | Изображения, стоковые фотографии, иллюстрации и векторные изображения без лицензионных отчислений |
| Лопаться | Бесплатные коллекции стоковых фотографий |
| Гратисография | Бесплатная коллекция бесплатных изображений в высоком разрешении. |
| Жизнь Пикса | Бесплатная фотография в высоком разрешении |
| Привязка к акциям | Сотни высококачественных фотографий добавляются еженедельно. |
| Моргфайл | Более 350 000 бесплатных стоковых фотографий для коммерческого использования. |
| Кабум Фото | Стоковые фотографии и цветовые палитры. Подходит для изображений продуктов |
| Новый старый запас | Старинные стоковые фотографии |
| Пик Джамбо | Хорошие коллекции разных типов фотографий |
| Фотографии, находящиеся в общественном достоянии | Изображения, являющиеся общественным достоянием всех типов |
| Найти фотографию | Поиск на нескольких веб-сайтах с фотографиями |
| Складское хранилище | Категории стоковых фотографий |
| Заполнитель | Бесплатный сервис-заполнитель изображений для Интернета. Вы можете указать размер и формат изображения |
| Реалистичные снимки | Бесплатные стоковые фотографии в высоком разрешении |
| Негативное пространство | Бесплатные стоковые фотографии в высоком разрешении |
| СкиттерФото | Бесплатная фотография в высоком разрешении |
| ПикоГрафия | Великолепно, высокое разрешение, бесплатные фотографии |
| Чудесный запас | Потрясающе потрясающие бесплатные фотографии |
| ++++++++++++++++++++++++++++++++++ | картинки & красивые картинки - PxHere |
| Пиксельс | Стоковые Фотографии RF |
| ГурманыКорма | Фотосток еды |
| подгузник | Веб-сайт, предлагающий красивые фотографии чернокожих и коричневых людей в высоком разрешении. |
| Сгенерированные фотографии | Уникальные фотографии моделей, созданные искусственным интеллектом |
| Переснять | Уникальные бесплатные фотографии. Отобранные вручную, нестандартные изображения. |
| Бесплатные изображения | Найдите и загрузите бесплатные стоковые фотографии — все бесплатно для личного и коммерческого использования. |
| Лорем Пиксум | Простой в использовании API для получения красивых изображений-заполнителей. Размер и другие параметры могут быть указаны. |
| научное изображение | Библиотека изображений, специализирующаяся на изображениях науки и природы. |
| Библиотека сетевых изображений интеграции и приложений | Бесплатные изображения предоставят ученым, менеджерам ресурсов, правительственным учреждениям, общественным группам и специалистам в области графики ресурс для улучшения научной коммуникации. |
| Камнеломка | Бесплатные изображения природы |
| Творческое сообщество | Найдите бесплатные изображения для повторного использования. |
| ВсеTheFreeStock | тщательно подобранный список бесплатных стоковых изображений, аудио и видео. |
| Lorem.space — Генератор изображений-заполнителей | API для изображений-заполнителей, но полезно! |
| Открытая вселенная | Openverse — поисковая система для СМИ с открытой лицензией. |
| ИСО Республика | Получите тысячи бесплатных стоковых фотографий CC0 в высоком разрешении |
Веб-сайты, предлагающие бесплатные стоковые видеоролики всех видов для ваших веб-сайтов и приложений.
| Веб-сайт | Описание |
|---|---|
| Пексели | Крупнейшая библиотека бесплатных видео, подаренная сообществом. |
| Pixabay | Большая библиотека бесплатных видео, предоставленных сообществом, похожим на Pexels. |
| Coverr.co | Красивые бесплатные стоковые видеоматериалы |
| Видизы | Бесплатные стоковые кадры HD и видео 4K |
| Микс-комплект | Стоковые видеоклипы и музыка |
| жизнь видео | Бесплатные видеоклипы и циклы |
| Видево | Бесплатные и премиум-стоковые видеоролики |
| Лупвидз | Бесплатные для использования графики Cinema, созданные с помощью приложения VIMAGE |
| СплитШир | Красивые и эксклюзивные бесплатные стоковые видео и фотографии |
| Бесплатные стоковые видео | Бесплатные стоковые видеоролики |
Веб-сайты, предлагающие бесплатную музыку и/или звуковые эффекты.
| Веб-сайт | Описание |
|---|---|
| Аудиотека Студии YouTube | Бесплатная аудиотека для скачивания музыки и звуковых эффектов. Разрешено монетизировать YouTube. |
| Бесплатная стоковая музыка | Бесплатная стоковая музыка для YouTube-видео, подкастов и т. д. |
| Бенсаунд | Загрузите музыку без лицензионных отчислений бесплатно и используйте ее в своем проекте. |
| Миккит | Бесплатная музыка для ваших проектов |
| Фрисаунд | Бесплатная стоковая музыка и звуки |
| Бесплатный музыкальный архив | Совместная база данных звуков, лицензированных Creative Commons, для музыкантов и любителей звука. |
| Мусопен | Онлайн-библиотека классической музыки, не защищенная авторскими правами. |
| Pixabay | Бесплатная загрузка музыки для вашего проекта, например видео с YouTube, музыки, видеоблогов, фильмов, подкастов и т. д. |
| Убрать минус | Бесплатная премиум-музыка для ваших проектов? Без роялти. Доступ к YouTube удален. |
Бесплатные векторы, клипарт, иллюстрации, узоры и многое другое
| Веб-сайт | Описание |
|---|---|
| Вектизи | Найдите и скачайте бесплатные векторные изображения |
| Фрипик | Бесплатные векторы, стоковые фотографии, PSD и значки |
| Бесплатные векторы | Сообщество любителей векторной графики, которые делятся бесплатной векторной графикой |
| PNGДерево | png, фоны, шаблоны, текстовые эффекты |
| Вектор4Бесплатно | Бесплатная векторная графика |
| Фрибл | Векторы, узоры, макеты и многое другое. |
| Лукашадам | Бесплатные векторы |
| Иллюстрации | 100 красивых иллюстраций - png, svg |
| клипарт | Выбирайте из бесплатной коллекции отличный клипарт, png, раскраски, рисунки и многое другое для своих проектов! |
| Иллюстрации Growwwkit | Набор из 8 простых, черно-белых, стильных иллюстраций. |
| trianglify.io | Создание низкополигональных фонов, текстур и векторов. |
| капля | Создание фигур Blob для веб-приложений и приложений Flutter |
| ПриветКлипарт | Сообщество дизайнеров, где можно поделиться и скачать прозрачный фон PNG |
| Истории Freepik | Коллекция бесплатных и настраиваемых иллюстраций для проектов. |
| Черные иллюстрации | Красивые иллюстрации чернокожих людей (бесплатно и премиум) |
| Дизайн | Коллекция бесплатных иллюстраций и многое другое. |
| Разделители формы на заказ | Бесплатный инструмент, упрощающий экспорт красивого разделителя формы SVG для дизайнеров и разработчиков. |
| Сервье Медикал Арт | 3000 бесплатных медицинских изображений для иллюстрации ваших публикаций и презентаций PowerPoint. |
| Клекер | Бесплатные картинки, которые вы можете использовать для чего угодно |
| SVG-волна | Бесплатный и настраиваемый градиент? Генератор волн SVG для дизайна пользовательского интерфейса. |
| БГджар | Бесплатный генератор фона SVG для ваших веб-сайтов, блогов и приложений. |
| Библиотека наследия | Винтажные иллюстрации (вектор и png) |
| РОБОХАШ | Создавайте уникальные изображения из любого текста |
| Табби | Создавайте и настраивайте минимально сгенерированные шаблоны/иллюстрации для использования в фоновых изображениях, печати и других проектах. |
| Хайкей | Великолепное многофигурное веб-приложение. |
| Вектор | Потрясающий сайт со всеми видами марокканской векторной графики. |
| Хизи | Уникальные векторные ресурсы за считанные секунды. |
| Моссаик | Бесплатный генератор SVG с различными инструментами, волнами, плитками, каплями и многим другим. |
Создавайте макеты устройств и других продуктов
| Веб-сайт | Описание |
|---|---|
| МокСити | Массовое создание макетов из шаблонов PSD путем автоматического размещения изображений в SmartObjects. Визуальный редактор позволяет изменять параметры SmartObject и просматривать обновленный предварительный просмотр макета в режиме реального времени. |
| Умные Мокапы | Создавайте потрясающие макеты продуктов (бесплатно и премиум-класса) |
| Медиа-модификатор | услуга создания красивых дизайнерских макетов для вашей продукции (бесплатно и премиум) |
| Снимок кадра | Создавайте красивые изображения макетов устройств для дизайна вашего приложения или веб-сайта. |
| Скрили | Мгновенно превратите свой скриншот в макет |
| Скриншот.rocks | Создавайте красивые макеты для браузеров и мобильных устройств за считанные секунды |
| Пик экрана | Создайте макет из URL-адреса |
| Мокап мира | Крупнейший источник бесплатных фотореалистичных мокапов в Интернете. |
| Совместный снимок | Снимки экрана в реальном времени и обмен изображениями |
| Устройства Facebook | Изображения и файлы эскизов популярных устройств. |
| Трид.ио | Создавайте 3D-мокапы прямо в браузере. |
| Мокуфон | 100% бесплатные макеты для всех устройств, включая IOS, Android, Windows Phone, ноутбуки, настольные компьютеры и телевизоры. |
| Снимки устройства | Создавайте бесплатно макеты устройств в высоком разрешении для социальных сетей. |
| Чистый макет | Создавайте потрясающие макеты, используя новейшие фреймы для устройств, такие как iPhone X, и пользовательские фоны, которые сделают дизайн вашего мобильного телефона или веб-сайта выдающимся, прямо из браузера, быстро и бесплатно. |
| Мок.Видео | Мгновенно создавайте макеты, добавляя к своим видео кадр устройства. |
| МокапБро | Создавайте макеты продуктов с помощью онлайн-генератора макетов! Просто выберите макет, загрузите свой дизайн и загрузите изображение без водяного знака. |
| Анимокап | Создавайте анимированные макеты в браузере. |
| Пика | Мгновенно создавайте макеты браузеров и красивые изображения для маркетинга, публикаций в блогах и многого другого. |
| безумие | Создавайте макеты с нуля бесплатно |
Веб-сайты, предлагающие бесплатные красивые шаблоны и темы всех типов.
| Веб-сайт | Описание |
|---|---|
| HTML5Up | Очень современные, уникальные адаптивные темы HTML5/CSS3. |
| Шаблонмо | Минимальные темы, резюме, галереи и многое другое. |
| БесплатноHTML5 | Бесплатные и премиум-темы HTML5 и Bootstrap. |
| СтильКрик | Великолепно созданные бесплатные шаблоны веб-сайтов |
| Запустить начальную загрузку | Начальные темы Bootstrap |
| HTML5xCSS3 | Коллекция замечательных шаблонов в разных категориях |
| ТемаВагон | Коллекция шаблонов HTML5 Bootstrap из разных категорий. |
| Цветовая библиотека | Практически любая категория тем, о которой вы только можете подумать. |
| Бесплатный CSS | Огромная коллекция бесплатных шаблонов. |
| Хабспот | Шаблоны, инфографика, баннеры и многое другое |
| Мобирисе | Великолепно выглядящие шаблоны HTML5/CSS3 |
| ботинки | Бесплатные темы для Bootstrap |
| Onepagelove | Одностраничные сайты, шаблоны и ресурсы |
| Темы для приложения | Бесплатные темы и целевые страницы Bootstrap |
| BootstrapTaste | Премиальные и бесплатные шаблоны Bootstrap |
| BootstrapMade | Элегантные, чистые и красивые бесплатные шаблоны с использованием Bootstrap. |
| W3Layouts | W3Layouts: 3784+ бесплатных шаблонов сайтов на 2020 год |
| Табличка | Tooplate: бесплатные HTML-шаблоны для всех! |
| Круип | Полностью закодированные HTML-шаблоны, которые помогут вам легко и без проблем создать целевую страницу запуска. |
| UIdeck | Бесплатные шаблоны целевых страниц и темы Bootstrap |
| Сплавр | Бесплатные веб-шаблоны для реализации вашей идеи! |
| W3css_templates | Несколько адаптивных шаблонов веб-сайтов W3.CSS, которые вы можете использовать. |
| Бесплатная загрузка | Загрузите бесплатные шаблоны веб-сайтов |
| mashup-шаблон | Бесплатные шаблоны HTML5/CSS3 |
| HTML-шаблон администратора Sneat Bootstrap 5 | Простой в использовании HTML-шаблон администратора Bootstrap 5 с открытым исходным кодом и элегантным дизайном и уникальным макетом. |
| HTMLрев. | Бесплатные красивые шаблоны HTML5 и целевые страницы. |
| Пользовательский интерфейс горизонта | Самый модный шаблон администратора с открытым исходным кодом для React |
| KeenThemes | Бесплатные и профессиональные шаблоны Html/Css3, Bootstrap5, Vue, React, Laravel |
| ВинтБыстрый | Шаблон веб-сайта Astro с открытым исходным кодом и элегантными настраиваемыми компонентами TailwindCSS. |
Фреймворки CSS/UI, помогающие создавать великолепно выглядящие веб-сайты и приложения.
| Веб-сайт | Описание |
|---|---|
| CSS попутного ветра | Низкоуровневая структура, ориентированная на полезность |
| Бутстрап | Популярная платформа пользовательского интерфейса с множеством компонентов, использующих как CSS, так и JS. |
| Материализовать | Современный адаптивный интерфейс, основанный на Material Design. |
| Материальный дизайн облегченный | Легкий фреймворк на основе Material Design. Нет зависимости от JS |
| Бульма | Современный CSS-фреймворк без JS |
| Скелет | Чрезвычайно легкая структура для основных элементов пользовательского интерфейса. |
| Единый CSS | Полностью настраиваемый генератор утилит и фреймворк CSS, полностью построенный на Sass. |
| Семантический интерфейс | Расширяет возможности дизайнеров и разработчиков за счет создания общего словаря для пользовательского интерфейса. |
| Фомантический интерфейс | Ответвление сообщества Semantic-UI |
| Фундамент | Первый мобильный фреймворк с чистой разметкой |
| Чистый CSS | Набор небольших адаптивных CSS-модулей. |
| УИКит | Легкая и модульная интерфейсная платформа |
| Сьюзи | Легкий движок сеточной компоновки для Sass. |
| Миллиграмм.io | Минималистичный CSS-фреймворк |
| Ванильный фреймворк | Простая расширяемая платформа CSS, написанная на Sass. |
| Призрак CSS | Легкий и современный CSS-фреймворк. |
| Пикник CSS | Легкая и красивая библиотека. |
| Крыло | Красивый CSS-фреймворк, созданный для минималистов. |
| Чота | Микро (~3 КБ) CSS-фреймворк. |
| CSS-схема | Облегченная библиотека макетов для создания отличных адаптивных мобильных интерфейсов, которые работают везде. |
| W3.CSS | Современный CSS-фреймворк с поддержкой дизайна для настольных компьютеров, планшетов и мобильных устройств по умолчанию. Разработан так, чтобы быть независимым от jQuery или любой другой библиотеки JavaScript. |
| 98.css | Система дизайна для создания точного воссоздания старых пользовательских интерфейсов. |
| РЭШ CSS | CSS-фреймворк в стиле NES |
| Шнурки.css | Легкая, дальновидная библиотека CSS построена с будущим синтаксисом CSS |
| MVP.CSS | Минималистская таблица стилей для HTML -элементов. Нет имен классов, нет фреймворков, просто семантический HTML, и все готово |
| Blaze.css | Модульный инструментарий CSS с открытым исходным кодом обеспечивает отличную структуру для быстрого построения сайтов |
| Башня CSS | Turret CSS - это структура стилей для разработки адаптивных веб -сайтов. |
| Категорист | Сильная, независимая структура CSS. |
| XP.CSS | XP.CSS является расширением 98.CSS. Библиотека CSS для строительства интерфейсов, которые похожи на старые интерфейсы. |
| Framework7 | Framework7 - это бесплатная и открытая структура для разработки мобильных, настольных или веб -приложений с нативным внешним видом. |
| Hint.css | Чистая библиотека подсказки CSS для ваших прекрасных веб -сайтов. |
| Imagehover.io | Библиотека эффектов изображения Pure CSS -изображения |
| mini.css | Минимальная, отзывчивая, агрессивная структура CSS-стиля |
| Тахионы | Создайте быструю загрузку, высоко читаемой и 100% отзывчивые интерфейсы с максимально небольшим количеством CSS. |
| Материальная начальная загрузка | Дизайн материала с начальной загрузкой |
| слоновая кость | Современная структура CSS для разработки мощных веб -интерфейсов быстрее и проще |
| Halfmoon UI | Отзывчивая и легкая структура, предназначенная для быстрого создания красивых панелей мониторинга и страниц продукции. |
| Метро 4 | Создайте свой сайт быстро и эффективно с помощью Metro 4. Впечатляющие библиотеки компонентов, построенная на HTML, CSS, JavaScript. |
| CSS-DODLE | Веб -компонент для рисунков с CSS |
| Latex.css | Сделайте ваш сайт выглядеть как латексный документ |
| Бумага CSS | Решение для печати переднего дня |
| Windi CSS | Компилятор следующего поколения для Tailwind CSS |
| Cirrus css | Компонентная и коммунальная структура SCSS, предназначенная для быстрого прототипирования. |
| Гутенберг | Современная структура для правильной печати Интернета. |
| горит | Самая маленькая в мире отзывчивая среда CSS (395 байтов). |
| Арвес | Arwes - это веб -фреймворк для создания пользовательских интерфейсов на основе футуристических научно -фантастических дизайнов, анимации и звуковых эффектов. |
| Бойлер | Bojler - это электронная почта для разработки адаптивных и легких шаблонов электронной почты, которые будут правильно отображаться по каждому из самых популярных почтовых клиентов. |
| Молчаливый | Примитивная структура CSS для чайников, без занятий. |
| Терминал CSS | Современная и минимальная структура CSS для любителей терминалов. |
| Сакура | Минимальная бесклассовая структура CSS / тема. |
| ПСОН | PS1 стиль CSS Framework, вдохновленная NES.CSS. |
| Маркс | Маркс - это бесклассовый CSS -сброс для использования в любых проектах (а именно маленьких). |
| Tufte | Установите свою веб -страницу, как раздаточные материалы Эдварда Туфте. |
| Axentix | Axentix - это структура с открытым исходным кодом, основанная на сетке CSS с использованием HTML, CSS и JS. |
| Растровая простая система сетки | Минимальная и прямая система CSS сетки, использующая описательный HTML, а не семантический CSS. |
| поход | FlowRift - это библиотека из красиво разработанных блоков пользовательского интерфейса CSS. |
| Твинд | Самое наименьшее, самое быстрое, самое наиболее отличное решение |
| Pico.css | Элегантные стили для всех туземцев HTML -элементов без. Классы и темный режим автоматически включены. |
| Clay.css | Расширяемый и настраиваемый Micro CSS UTIL Class и Sass Mixin для добавления стилей Claymorphism в ваши компоненты. |
| Beercss | Создайте интерфейсы дизайна материала в рекордное время, без стресса для разработчиков? Первая структура CSS, которая реализует дизайн материала 3. |
| UNOCSS | UNOCSS - это мгновенный атомный двигатель CSS, который предназначен для того, чтобы быть гибким и расширяемым. Ядро необывается, и все утилиты CSS предоставляются с помощью пресетов. |
| Нептун CSS | Neptune CSS - это легкая структура CSS. Используйте его для разработки ваших веб -сайтов быстрее. |
| Стилис | Stylex-это простой, простой в использовании синтаксис JavaScript и компилятор для стилей веб-приложений. |
| Орбита | Орбита - это первая структура CSS для создания простых или сложных радиальных интерфейсов. |
Методологии CSS, чтобы помочь написать модульный, многоразовый и масштабируемый код
| Веб-сайт | Описание |
|---|---|
| OOCSS | Концепции OOCSS помогают нам писать компоненты, которые являются гибкими, модульными и взаимозаменяемыми. |
| Атомный CSS | Atomic CSS-это подход к архитектуре CSS, который способствует небольшим одноцелевым классам с именами, основанными на визуальной функции. |
| БЭМ | Модификатор элемента блока-это методология, которая помогает вам создать многократные компоненты и обмен кодами в передовой разработке. |
| Smacss | SMACSS - это способ изучить процесс проектирования и как способ вписать эти жесткие рамки в гибкий мыслительный процесс. |
| КУБ | Cube CSS - это методология CSS, которая ориентирована на простоту, прагматизм и последовательность. |
Анимации CSS для создания потрясающих анимаций для веб -сайтов и приложений
| Веб-сайт | Описание |
|---|---|
| Animate.css | Just-Add-Water CSS-анимация |
| Bounce.js | Bounce.js - это инструмент и библиотека JS, которая позволяет вам создавать красивые анимации CSS3 Powered |
| Anime.js | Anime.js (/ˈnn.ə.meɪ/) - это легкая библиотека анимации Javascript с простым, но мощным API. Он работает со свойствами CSS, атрибутами SVG, DOM и объектами JavaScript |
| Волшебные анимации | Анимация была одной из самых впечатляющих анимационных библиотек, доступных |
| ZDOG | Круглый, плоский, удобный для дизайнера псевдо-3D Двигатель для Canvas & Svg |
| CSshake | CSShake предоставляет именно то, что он говорит в коробке - библиотека CSS, разработанная специально для встряхивания элементов на вашей веб -странице |
| Hover.css | Hover.css - это библиотека анимации CSS, разработанная для использования с кнопками и другими элементами пользовательского интерфейса на вашем сайте |
| Ани | Anijs-это библиотека анимации, которая позволяет добавлять анимации в элементы в простой «подобной предложении» структуры |
| Анимиста | CSS -анимация по требованию |
| Тачионы-Анайт | Сам тахионс - это библиотека CSS -атом, с массой полезных классов для по существу проектирования чего -либо, добавляя классы к тому, что вам нужно |
| Sequence.js | Sequence.js-это библиотека JavaScript, которая предоставляет адаптивную структуру CSS для создания уникальных ползунков, презентаций, баннеров и других пошаговых приложений. |
| бесконечный | Эти анимации, как ротации и импульсы, которые специально предназначены для запуска и повторения навсегда |
| Отвратительный.css | Анимации для сильного сердца и слабый разум |
| Движение UI | Библиотека SASS для создания гибких переходов и анимации CSS |
| KeyFrames.App | Графический пользовательский интерфейс для генерации пользовательских анимаций CSS -ключа |
| мыслил | CSS переходы и преобразования для начинающих |
| SVG Artista | Полезный инструмент для анимирования инсульта и свойств заполнения на изображениях SVG с простым кодом CSS |
| Animxyz | Animxyz помогает вам создавать, настраивать и составлять анимацию для вашего веб -сайта. Построено для Vue, React, SCSS и CSS |
| Вихрь | CSS загружает анимации с минимальными усилиями! |
| Гамбургеры | Гамбургеры-это коллекция вкусных икон гамбургеров, анимированных CSS. Также включен источник как библиотека SASS. Он модульный и настраиваемый, так что приготовьте свой собственный гамбургер. |
| CSS Loaders & Spinners | Это библиотека, имеющая коллекцию различных типов погрузчиков CSS, спиннеров |
| Движение один | Новая библиотека анимации, построенная на веб -анимации API для наименьшего размера файлов и самых быстрых производительности. |
| Поколоко | Создать динамический фон для вашего сайта |
| Аникс | Супер легкая и легкая библиотека анимации CSS. |
| АОС | Оживить в библиотеке свитков. |
| Аниматопия | Снаски анимации CSS-вода |
Библиотеки анимаций JavaScript для создания потрясающих анимаций для веб -сайтов и приложений
| Веб-сайт | Описание |
|---|---|
| Greensock | Библиотека JavaScript для создания высокопроизводительных анимаций, которые работают в каждом крупном браузере |
| Velocity.js | Скорость - это легкий анимационный двигатель с тем же API, что и $. $. Animate () |
| lax.js | Плагин с ванильным JavaScript Simple & Light Weight для создания гладкой и красивой анимации при прокрутке! |
| Rellax.js | Массовая гладкая, супер легкая, ванильная библиотека параллакса JavaScript |
| три.js | Легкая в использовании, легкая 3D -библиотека с рендерингором по умолчанию. |
| Атропос | Atropos-это легкая, бесплатная библиотека JavaScript с открытым исходным кодом для создания потрясающих эффектов 3D-параллакса. |
| вау.js | Раскрывайте анимации, когда вы прокручиваете. |
| Chocolat.js | Бесплатный плагин Lightbox. |
| Оживить на свитке | Анимируйте в библиотеке свитков, чтобы раскрыть анимации при прокрутке. |
| Tilt.js | Крошечный запрос на флаг -флаймный эффект 60+FPS Легкий наклонный наклонный наклон параллакса для jQuery. |
| Грубое высказывание | Грубая нотация - это небольшая библиотека JavaScript для создания и оживления аннотаций на веб -странице |
| Tpparticles | Легкая библиотека для создания частиц, улучшенная версия заброшенных и устаревших частиц. |
| Частицы | Легкая библиотека JavaScript для создания частиц |
| Mo.js | Инструментальный пояс для Интернета для Интернета |
| Lightbox2 | Небольшая библиотека JS для наложения изображений в верхней части текущей страницы. |
| Слик | Полностью отзывчивый карусель |
| Barba.js | Создайте плавные и плавные переходы между страницами вашего сайта. |
| Локомотив Свиток | Простая библиотека прокрутки, которая обеспечивает обнаружение элементов в просмотре и плавном прокрутке с параллаксом. |
| Сова Карусель | Бесплатная адаптивная карусель jQuery |
| Swiperjs | Бесплатный, открытый исходный код, современный слайдер без jQuery. Доступно для ванили JS и всех современных рамок, таких как React, Vue, Angular и т. Д. |
| Раскол | Бесплатная, чистая библиотека JS для каруселей и ползунков |
| Простой параллакс | Самый простой способ получить эффект параллакса с JavaScript |
| Kute.js | Kute.js - это двигатель анимации JavaScript для современных браузеров. |
| Granim.js | Создайте плавную и интерактивную градиентную анимацию с этой маленькой библиотекой JavaScript. |
| Попмоция | Простые анимационные библиотеки для восхитительных пользовательских интерфейсов. |
| Вивус | Vivus - это легкий класс JavaScript (без зависимостей), который позволяет вам анимировать SVG, давая им появление нарисованного. |
| Typed.js | Библиотека анимации JavaScript. |
| Прогресс Bar.js | Отзывчивые и гладкие бары прогресса с анимированными путями SVG. |
| Полночь | Midnight.js позволяет переключать фиксированные заголовки на лету |
| Tingle.js | Tingle - это простой модальный плагин, написанный в Pure JavaScript |
| Theatre.js | Theatre.js - это библиотека анимации JavaScript с графическим интерфейсом. Он анимирует DOM, WebGL и любую другую переменную JavaScript. |
| Splidejs | Splide - это легкий, гибкий и доступный ползунок/карусель, написанный в TypeScript. Нет зависимостей, нет ошибок на маяке. |
| Хорошие волны | Красивые анимированные волны |
| Vanta.js | Анимированные фон веб -сайтов в нескольких строках кода. |
| Spliting.js | Расщепление создает элементы и добавляет переменные CSS, чтобы разблокировать удивительные возможности для анимирующего текста, сетей и многого другого! |
Библиотеки, которые помогают разработчикам визуализировать данные в диаграммы
