Проверка тем

Два интерактивных примера дизайна и общие элементы управления. Проверьте обе темы и размеры экрана.

Пример главной страницы

Найдите инструменты.Продолжайте работу.

Инструменты JSON, текста и цвета. Прямо в браузере.

Все инструменты
JSON Formatter 
{
  "project": "onDevTools",
  "ready": true
}

Быстрый доступ

Форматтер JSONГенератор ПаролейГенератор Градиентов

Пример инструмента

JSON Formatter

Форматируйте и проверяйте JSON.

Результат

{
  "project": "onDevTools",
  "ready": true
}

Корректный JSON

Дополнительные параметры

Состояния элементов

Примеры основных, вторичных, удаляющих и отключённых элементов управления.

Основной цвет (HSL)

Шкала типографики

Текст XS

Текст SM

Текст Base

Текст MD

Текст LG

Текст XL

Текст 2XL

Текст 3XL

Цвета

ОсновнойУспехПредупреждениеОпасность

Глубина

1
2
3
4
5