As I told couple months ago, I am developing a new Vue Material from scratch, with better support, an easy way to integrate and way more reliable. And this new version is just around the corner. I received a lot of issues and complains regarding support for SSR, validation, integration with 3rd party libs and many others. So I after ~6 months on this bad boy, more than 500 files, ~28k loc and ~800 commits I now announce that the beta is coming!
The release strategy will be like this:
- The first beta will be released at the beginning of November, with all goodies and a closed API. At this moment the documentation will be pretty much done, but with some components delayed to next version.
- After that, a migration guide will be developed to make the transition between the old version.
- A cycle of beta versions will happen to solve the issues and small improvements until a stable arrives.
- The current repository will be replaced with new one. I will give a small support for the 0.7.5 version to solve important issues only.
- The stable version will be released with 1.0.0 number.
- I will solve the issues after the stable release while I focus on the next 1.1.0 version, with the components the didn't entered on 1.0
- Boilerplates, Nuxt template and further guides will be created
- Automatic constrast ratio - YES! The theme factory will calculate the contrast between the background and text to give the correct black or white color.
- On demand themes! Create themes only for the components that you're really using
- Pre made theme colors
- Dynamic themes
- Easy to toggle features, like ripple, theming, locale values and more
- Better support for Vue Router, with autosync on navigation components
- Highly extensible and easy to create 3rd-party components
- Namespaced attributes
- ~30% lighter than 0.7.5
- New and Awesome on-demand components
- SSR Support
- Well-tested - WIP 100% coverage
- Easy i18n
- Minimalist and performant docs
- Themes -
NEW API- Deprecated theme component
- Sass Based themes
- Multiple themes
- CSS Variables
- CSS-only themes
- SSR Support -
NEW- Basic Support
- MdAutocomplete -
NEW API - MdApp -
NEW- Documentation
- Reusable App Shell component
- Integration with Toolbar, Drawer and Content
- MdAvatar
- MdBottomBar
- Router integration -
NEW - Router Sync -
NEW - Symple way to trigger active item
- Router integration -
- MdButton
- Router integration -
NEW
- Router integration -
- MdCard
- Documentation
- Better image handle
- Expand action
- MdCheckbox
- Array -
NEW - Boolean
- String
- Array -
- MdChips
- Editable
- Detelable
- MdContent -
NEW - MdDatepicker -
NEW- Documentation
- FINALLY!
- Month Selector
- Year Selector
- Disable Dates
- Locale aware
- MdDialog
- Alert
- Confirm
- Prompt
- Custom
- MdDivider
- MdDrawer -
NEW API- Documentation
- Deprecate md-sidenav
- Persistent -
NEW - Permanent -
NEW - Mini -
NEW - Card -
NEW - Clipped -
NEW - Left/Right
- MdElevation -
NEW API- Deprecate whiteframe component
- Elevation classes
- MdEmptyState -
NEW - MdField -
NEW API- Documentation
- Change md-input-container to md-field
- Input/Textarea
- Checkbox
- Radio
- Switch
- File -
NEW API - Select
- MdIcon
- MdLayout -
NEW API- Documentation
- Deprecate layout component
- New flexbox/responsive/class-based grid
- MdList -
NEW API- Documentation
- Router integration
- Expansion
- Input Controls
- MdMenu -
NEW API - MdProgress -
NEW API- Documentation
- Spinner
- Bar
- 0%/100% progress
- Indeterminate state
- MdRadio
- MdRipple -
NEW API- Documentation
- New ripple
- Abstract component
- Performance improvements
- MdSnackbar
- Documentation
- Themed Snackbar
- MdSpeedDial -
NEW API- Click Action
- Multiple Effects
- MdSteppers -
NEW API- Documentation
- Horizontal
- Vertical
- MdSubheader
- MdSwitch
- MdTable -
NEW API- Documentation
- Basic table
- Sort
- Fixed Header
- Inline Edit
- Dialog Edit
- Selection
- Pagination
- Alternate Header
- MdTabs
- Documentation
- Router integration -
NEW - Router Sync -
NEW - Symple way to trigger active tab
- MdToolbar -
NEW API - MdTooltip
- Advanced
- Guide
- Extending Vue Material
- Third Party Components
- About
- Changelog
- Components summary
- Contribute
- Getting Started
- Migration Guide
- Static docs
- Themes
- Configuration
- Dynamic Themes
- UI Elements summary
** Components/Features marked with a NEW label do not exists on the current version
** Components/Features marked with a NEW API can introduce major breaking changes.
** Mostly of unchecked components are only demanding a new docs page.
I will point out those changes inside the migration guide.
- Official Boilerplate
- SSR
- Nuxt
- PWA
- Simple
- Third Party Component
- Sample Apps
- SSR
- Feature toggle
- SSR Only logic
- A11y
- RTL
- Better Keyboard Navigation
- Android vs iOS vs Web
- Touch Events
- Scrolling
- Optimized theme colors
- Vuelidate and Vee Validate integration
- Content Discovery
- Content Slider
- Timepicker
- Range picker
- Expansion Panels
- Grid
- Image
- Lazy Loading based on IntersectionObserver
- Loader
- Onboarding
- Rating Bar
- Search Bar
- Slider Input
- Split Screen
- ...
Vue Material 2 will be released with the new Material Design guidelines landed on Google I/O 2018. Stay tuned!
Have something in mind? Need a new components? Created something meaningful and think that this can fit inside the lib? Let's discuss? We have a Discord Channel and I'm online there almost everyday. Send me a message!
Well. All kind of help are welcome. If you want to contribute with the project, just send me a message and I will tell what you can do. We recently created a Discord Channel to share ideas and to keep all the communication in one place.
Vue Material do not run under the umbrella of any company or something like that, and is an independent project created by me on spare time. It became one of the most used UI Libraries for Vue.js.
If you think that this project helped you or your company in some way, you can consider become a backer/sponsor on Patreon:
Cheers!