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.