Framework7 v1

Docs Framework7 Vue Framework7 React Forum

Core
Navigation / Router
Components
- Accordion / Collapsible
- Autocomplete
- Buttons
- Calendar / Datepicker
- Cards
- Chips / Tags
- Content Block
- Data Table
- Floating Action Button
- Forms
  - Form Elements
  - Checkboxes and Radios
  - Smart Select
  - Disabled Elements
  - Form Data
  - Form Storage
  - Ajax Form Submit
- Infinite Scroll
- Layout Grid
- Lazy Load
- List View (Table View)
  - List View
  - Contacts List
  - Media List View
  - Swipeout
  - Sortable List
  - Virtual List
- Modals / Overlays
  - Modal
  - Popup
  - Popover
  - Action Sheet
  - Login Screen
  - Picker Modal
- Messages
- Message Bar
- Navbars & Toolbars
  - Layout types
  - Navbar
  - Dynamic Navbar
  - Sub Navbar
  - Toolbar
  - Tab Bar
  - Hide Bars On Scroll
- Notifications
- Photo Browser
- Picker
- Preloader Indicator
- Progress Bar
- Pull to Refresh
- Search Bar
- Side Panels
- Status Bar overlay
- Swiper Slider
- Tabs
- Timeline
Icons
- Icons
- Framework7 Icons Cheatsheet
Styling
- Color Themes
- Hairlines
Template7
Fast Clicks
Utilities
- Device API
- Support API
Plugins API
- Plugins API
Custom Build
- Custom Build

Framework7 Documentation

Start creating awesome iOS & Android apps with Framework7.

Before you start we highly recommend you to read Getting Started guide about how to download/install Framework7 and look at its basic layout.

Framework7's learning curve is pretty easy. If you know HTML, CSS and a bit of JavaScript - you almost know how to create apps with Framework7.

For better understanding we recommend you to read documentation articles in direct order like you see them in left navigation.

So, let's start from basic App HTML Layout