Какие есть способы реализации анимации ui в стиле Material Design на Html5/CSS/JS?

Question

[sapl]

Если посмотреть на web.whatsapp.com и другие современные веб-приложения,
то они насыщены анимациями смены состояний.
Это немного напоминает Material design, который видимо задал тренд:
Когда не только выезжает сама панель, но и ее контент анимированно раскрывается,
кнопки вылезают с более сложной анимацией, чем просто slide-эффект.

Есть ли уже какие-то библиотеки облегчяющие реализацию таких интерфейсов (желательно в рамках jquery)?
Теоретически понятно как все это реализовывать через css transitions, но не хотелось бы делать двойную работу.

Answer 1

[A K]

Materialize
upd
Waves
А также можно посмотреть:
Fluid-Touch Design
Creating Animations and Interactions with Physical...
Towards declarative touch interactions

Comments

[sapl]

Спасибо.

[des1roer]

вау

Answer 2

[Arthur Gurinovich]

Здесь Вы можете найти достаточно много разных интересных решений по дизайну:
tympanus.net/codrops

Answer 3

[Vadim]

Вообще эталонной реализацией material design от гугл можно назвать Polymer. Вот пример кнопки. Проблема только в том что полимер основан на базе самых последних спецификаций - html imports, shadow dom, templates, custom elements и прочее. Но полифиллы вроде автоматически подключаются, если старый браузер.

Answer 4

[sapl]

Из ваших советов нашел по анимация полезный css tool,
оставлю здесь: daneden.github.io/animate.css