Nectar - Framework7 Mobile Web App Kit

Introducing Nectar – Build Beautiful & Performant Framework7 Core v7 Based Progressive Web Apps, Hybrid Apps for Android & iOS using Apache Cordova, and Desktop Apps for Windows, Linux & macOS using Electron.

Demos

• Google’s Material Design
• Apple’s Cupertino Design
• Framework7’s Aurora Design

Features

Based on Framework7 Core v7

Nectar is built on the top of Framework7 Core v7 – a fully-featured, free and open-source framework for developing web, mobile, and desktop apps with native look and feel.

Google’s Material Design

Provide your users the best experience on Android with native look and feel using Google’s Material Design.

Apple’s Cupertino Design

Provide your users the best experience on iOS with native look and feel using Apple’s Cupertino Design.

Framework7’s Aurora Design

Provide your users the best experience on Desktop using Framework7’s Aurora Design.

Multiple Devices & Screen Resolutions

Design responsive layout for your app supporting devices with different sizes and screen resolutions – mobiles, tablets or desktops.

Multiple Navigation Patterns

Navigate your users within the app using two different navigation patterns – Sidebar and Tabbar.

Unlimited Colors & Dark Mode

Style your app by choosing from 19 pre-built theme colors or apply any custom color matching your brand, with support for both Light & Dark modes.

Internationalization & RTL Support

Build your app for users around the world by localizing your user interface in various languages.

Progressive Web App Ready

Add functionalities such as offline working, push notifications to your web app with the help of service workers and provide your users the best of both worlds – the web and the app.

Hybrid App Ready

Convert your mobile web app into native mobile app for Android or iOS using Apache Cordova.

Desktop App Ready

Convert your web app into native desktop app for Windows, Linux, or macOS using Electron.

Elements

Components

Basic building blocks for creating beautiful and intuitive UI/UX.

• Accordion
• Action Sheet
• Audio
• Autocomplete
• Badge
• Breadcrumb
• Button
• Card
• Chart
• Checkbox
• Chip
• Color Picker
• Content Block
• Data Table
• Date-Time Picker
• Dialog
• Dropcap
• Elevation
• Embed
• Empty State
• Expandable Card
• Flip Card
• Floating Action Button
• Form Input
• Form Validator
• Gauge
• Grid
• Icon
• Image
• Image Compare
• Image Hotspot
• Infinite Scroll
• Keypad
• Line Divider
• List Index
• List View
• Marquee
• Menu
• Menu List
• Navbar
• Note
• Notification
• Pagination
• Photo Browser
• Picker
• Popover
• Popup
• Preloader
• Progress Bar
• Pull-to-Refresh
• Quote
• Radio
• Range Slider
• Rating
• Ribbon
• Searchbar
• Sheet Modal
• Show More/Less
• Side Panel
• Signature Pad
• Skeleton
• Smart Select
• Sortable List
• Stepper
• Subnavbar
• Swipeout
• Swiper Slider
• Syntax Highlighter
• Tab
• Text Editor
• Timeline
• Timer
• Toast
• Toggle
• Toolbar
• Tooltip
• Tour Guide
• Tree View
• Video
• Virtual List

Screens

Ready-to-use screens built using various components.

• 404
• About
• Activity Feed
• Articles – List
• Articles – Single
• Businesses – List
• Businesses – Single
• Careers
• Cart
• Chat
• Checkout
• Coming Soon
• Contact Us
• Cookie Policy
• Dashboard
• Events – Calendar
• Events – List
• Events – Single
• FAQ
• Feedback
• Forgot Password?
• Home
• Invite & Earn
• Jobs – List
• Jobs – Single
• Leaderboard
• Log In
• Notifications
• Poll
• Pricing
• Privacy Policy
• Products – List
• Products – Single
• Profile Setup
• Recipes – List
• Recipes – Single
• Settings
• Sign Up
• Splash
• Team
• Terms
• Testimonials
• Under Maintenance
• Users – List
• Users – Single
• Verify Email
• Verify OTP
• Walkthrough
• Wallet

Web APIs

Access to native device and platform functionalities via JavaScript.

• App Badging API
• App Shortcuts API
• Battery Status API
• Clipboard API
• Contact Picker API
• Device Memory API
• Device Orientation API
• File API
• Fullscreen API
• Geolocation API
• Get Installed Related Apps API
• HTML Media Capture API
• Local Storage API
• Network Information API
• Notifications API
• Online & Offline Status API
• Page Visibility API
• Permissions API
• Picture-In-Picture API
• Quota Estimation API
• Screen Orientation API
• Screen Wake Lock API
• Server-Sent Events API
• Session Storage API
• Vibration API
• Web Share API

Cordova Plugins

Access to native device and platform functionalities via Cordova.

• Battery Status
• Build Info
• Camera
• Contacts Info
• Device
• Dialogs
• Fingerprint Authentication
• Geolocation
• In-App Browser
• Media Capture
• Network Information
• Social Sharing
• Splash Screen
• SQLite
• Status Bar
• Vibration

Integrations

Integrations for popular third-party services right out-of-the-box.

• AlaSQL
• Disqus
• Embedly
• Facebook Comments
• Google AdMob
• Google Maps
• Google Sheets
• Gravatar
• Lottie
• Mailchimp
• QR Code
• RSS
• Telegram Comments
• WordPress
• YouTube

Changelog

Version 3.0.0 – 10 February 2023

• Nectar has been completely built up from ground using Framework7 Core v7.1.5. This makes Nectar incompatible with its previous versions.