Material Design / LumX

on YouTube ↗53m

" summary

LumX is an AngularJS UI framework that implements pixel-perfect Material Design (8px grid, ripples, elevation) and provides a full component set including dialog, dropdown, adaptive image, tabs/tapes, carousel, and a rebuilt select control to avoid common bugs. The project has ~400 commits and ~40 contributors, is used in production, supports theming via Sass variables and color tables, and aims to add components more quickly and stay more agile than the official library.

AI-written summary · about

" chapters (13)

1. 0:00Material Design intro
2. 2:34What is Material Design
3. 7:45Comparison with Google libs
4. 11:41LumX concepts
5. 20:14LumX setup
6. 23:13Colors and typography
7. 26:06Toolbar and buttons
8. 31:00Cards and lists
9. 34:19Adaptive images and dropdowns
10. 36:27Dialogs and tabs
11. 39:53Inputs and selectors
12. 44:01Notifications and progress
13. 45:23Q&A

" related talks

• 46mMaterial Design in practice with AngularJSDaniel Zen · Spotlight Front-End 2014
• 39mLX makes developers’ lives easier and what it took to come this farSergejs Skusovs · DevClub.lv 114th Frontend focused event
• 48mAn Introduction Into Using Angular’s Material DesignTracy Lee · NDC Sydney 2017
• 20mThoughtful Component DesignJeremy Elbourn, Miles Malerba · ng-conf 2017
• 29mEasy, Breezy, Beautiful: Angular MaterialMelissa Houghton · AngularUP Experience 2020
• 31mAngular Material 2Elad Bezalel · AngularUP 2016
• 28mComposing Accessible UI's With Angular Material ComponentsMichael Prentice · DevFest Florida 2019
• 34mAngular Material 2: Reward your app with high-quality UI in minutesMaxim Salnikov · Angular Camp 2016