-
Get Started
-
Vue Components
- App
- Accordion
- Action Sheet / Actions
- Badge
- Block / Content Block
- Button
- Cards
- Checkbox
- Chips / Tags
- Contacts List
- Floating Action Button / FAB
- Gauge
- Grid / Layout Grid
- Icon
- Inputs / Form Inputs
- Link
- List View
- List Item
- List Button
- List Index
- Login Screen
- Messagebar
- Messages
- Navbar
- Page
- Panel / Side Panels
- Photo Browser
- Popover
- Popup
- Preloader
- Progressbar
- Radio
- Range Slider
- Searchbar
- Sheet Modal
- Smart Select
- Sortable
- Statusbar
- Stepper
- Subnavbar
- Swiper
- Swipeout
- Tabs
- Toggle
- Toolbar / Tabbar
- View
- Virtual List
Kitchen Sink
Framework7-Vue Kitchen Sink is a great place to get started, it has a lot of examples for all Framework7-Vue components and covers most of aspects.
It is recommended to use it as a reference during development.
Source Code
Vue Kitchen Sink source code is located at GitHub repository
Running Locally
To run Framework7-Vue Kitchen Sink locally we need:
-
Download and unzip Framework7 GitHub repository to a local folder
-
Install Node.js (if not installed)
-
Install Gulp (if not installed) by executing the following command in terminal:
$ npm install --global gulp
-
Now, we need to install required dependencies. Go to the folder with downloaded and unzipped Framework7 repository and execute in terminal:
$ npm install
-
We are ready to launch Framework7-Vue Kitchen Sink, just execute in terminal:
$ npm run vue:prod
That command will launch Kitchen Sink with production (released) version of Framework7. To use latest development version in Kitchen Sink, use the following command instead:
$ npm run vue:dev