Readme
This commit is contained in:
@@ -1,21 +1,21 @@
|
|||||||
# Next.js + Tailwind CSS + Capacitor for mobile app development
|
# Next.js + Tailwind CSS + Capacitor for mobile app development
|
||||||
|
|
||||||
This repo contains some component snippets for building native mobile apps with Tailwind CSS and Capacitor.
|
This repo is a starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, Next.js, and Capacitor. It comes with some pre-built components that can be customized using Tailwind classes, and provides the most important UI controls needed to build native mobile experiences (tabs, nav bars, modals, menus, etc).
|
||||||
|
|
||||||
Use these components and build on top of them as you build your mobile app.
|
These components are baked into the starter and will be adopted into your project. This way you gain full control over the experience and can easily modify the look and feel of the components to match your design.
|
||||||
|
|
||||||
|
If you're looking for more of a batteries-included approach where you _don't_ adopt and maintain the components yourself, I recommend [Ionic React](https://ionicframework.com/react).
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## What is Capacitor?
|
## What is Capacitor?
|
||||||
|
|
||||||
[Capacitor](https://capacitorjs.com/) is a sort of "electron for mobile" that runs standard web apps on iOS, Android, Desktop, and Web.
|
You can think of [Capacitor](https://capacitorjs.com/) as a sort of "electron for mobile" that runs standard web apps on iOS, Android, Desktop, and Web.
|
||||||
|
|
||||||
Capacitor provides access to Native APIs and a plugin system for building any native functionality your app needs.
|
Capacitor provides access to Native APIs and a plugin system for building any native functionality your app needs.
|
||||||
|
|
||||||
Capacitor apps can also run in the browser as a Progressive Web App with the same code.
|
Capacitor apps can also run in the browser as a Progressive Web App with the same code.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Progress
|
## Progress
|
||||||
|
|
||||||
There are currently snippets for the following common mobile components:
|
There are currently snippets for the following common mobile components:
|
||||||
@@ -24,8 +24,7 @@ There are currently snippets for the following common mobile components:
|
|||||||
- [x] Content
|
- [x] Content
|
||||||
- [x] Tabs
|
- [x] Tabs
|
||||||
- [ ] Nav (in progress)
|
- [ ] Nav (in progress)
|
||||||
- [ ] Menu
|
- [x] Menu
|
||||||
- [ ] Modal
|
- [x] Modal
|
||||||
- [ ] Dialog
|
- [ ] Dialog
|
||||||
- [ ] Card
|
- [ ] Card
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user