A Vue Component Framework Based on Fluent Design System

This Components framework is Work in progress, please keep that in mind that it’s not ready for production yet, feel free to contribute and get it ready faster

Todo:

Components

• [x] Container
• [x] Grid - Rows and Columns using css grid (Room for improvements)
• [x] Button
• [x] List
• [x] List item
• [x] List item avatar
• [x] List item content (with support of single line, double line and triple line)
• [ ] Card
• [ ] Video player
• [x] Menu component
• [ ] Modal / Dialog
• [ ] Date picker
• [ ] Date calendar picker
• [ ] Time picker
• [ ] Color picker
• [ ] Flyout / Snackbar
• [x] Progressbar linear
• [ ] Progressbar circular
• [x] Input field
• [x] Checkbox input
• [x] Radio input
• [x] Radio Group
• [ ] Select (Missing arrow icon)
• [ ] File picker
• [ ] Textarea
• [ ] Datalist
• [ ] Divider
• [ ] Data table
• [ ] Image component
• [ ] Switch
• [x] Slider (horizontal/vertical)
• [ ] Rating
• [ ] Autocomplete / Auto-suggest input
• [ ] Context menu
• [ ] Navigation view (Content of view will be the list component)
• [ ] Command bar
• [ ] Tree view
• [ ] Pivot
• [ ] Icon component

Classes

• [ ] Typography
• [ ] Colors
• [ ] Padding helper
• [ ] Margin helper
• [ ] Display helper (block, inline, inline-block etc)
• [ ] MDL2 icon font

Theme

• [ ] Custom colors support
• [ ] Dark theme for all components

Website

• [ ] Main page
• [ ] Documentation
• [ ] Theme generator
• [ ] Codepen template

View demo

Download Details:

Author: FluentifyJs

Source Code: https://github.com/FluentifyJs/fluentify

#vue #vuejs #javascript