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.