SponsorsBecome a sponsor
- Get Started
- Svelte Components
- App
- Accordion
- Action Sheet / Actions
- Area Chart
- Autocomplete
- Badge
- Block / Content Block
- Breadcrumbs
- Button
- Calendar / Datepicker
- Cards
- Checkbox
- Chips / Tags
- Color Picker
- Contacts List
- Data Table
- Dialog
- Floating Action Button / FAB
- Form Storage
- Gauge
- Grid / Layout Grid
- Icon
- Infinite Scroll
- Inputs / Form Inputs
- Link
- List View
- List Button
- List Index
- List Item
- Login Screen
- Menu List
- Messagebar
- Messages
- Navbar
- Notification
- Page
- Panel / Side Panels
- Photo Browser
- Picker
- Pie Chart
- Popover
- Popup
- Preloader
- Progressbar
- Pull To Refresh
- Radio
- Range Slider
- Searchbar
- Segmented
- Sheet Modal
- Skeleton
- Smart Select
- Sortable
- Stepper
- Subnavbar
- Swipeout
- Swiper
- Tabs
- Text Editor
- Timeline
- Toast
- Toggle
- Toolbar / Tabbar
- Tooltip
- Treeview
- View
- Virtual List
Installation
Framework7 CLI
The most recommended way to start with new Framework7 app is to use Framework7 CLI, it provides most complete amount of combinations with different templates, target devices/platforms, frameworks and some of best practices.
Ready To Use Templates
You can also check the starter app templates and tools section to start straight away from some pre-setup app.
Manual Installation
1. Install Framework7
First of all we need to install Framework7 library itself.
2. Install Svelte
Read about how to install Svelte on the official Svelte Blog.
3. Install Framework7-Svelte Plugin
Now we need the Framework7-Svelte plugin for Svelte, we can install it from NPM:
$ npm install framework7-svelte