20 UX-элементов с открытым кодом

Они помогут новичкам разобраться в нюансах HTML, CSS и JS, а опытным кодерам — развить насмотренность и наполнить проекты новыми идеями. Чтобы покопаться в коде, перейдите по ссылкам в названиях — мы публикуем только внешний вид элементов.

Научиться

Иконки загрузки

Поле поиска

Отрывной календарь

Хлебные крошки

Тумблер-пузырь

Элементы списка

 

Чек-лист

Вдохновиться

Тумблер «Тоторо»

«Жидкая» кнопка

Гамбургер-меню

Персонализатор настроек на примере фигурки лего

Анимированная форма авторизации

Индикатор в виде бутылки с водой

Использовать в проектах

Ошибка 404

Чекбокс пользовательского соглашения

Профиль пользователя в виде карточки

Блокировка-разблокировка

Разметка страниц

Поиск

Поле для ввода пароля с индикатором безопасности