Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pixelrocket-shop/html-faunaflora-starter
HTML Tailwind CSS SaaS Application Template
https://github.com/pixelrocket-shop/html-faunaflora-starter
css free-saas-template free-tailwind-template free-tailwind-theme html javascript tailwind tailwind-template
Last synced: 2 days ago
JSON representation
HTML Tailwind CSS SaaS Application Template
- Host: GitHub
- URL: https://github.com/pixelrocket-shop/html-faunaflora-starter
- Owner: PixelRocket-Shop
- Created: 2024-06-25T12:21:36.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-31T12:41:04.000Z (3 months ago)
- Last Synced: 2024-08-05T20:14:03.135Z (3 months ago)
- Topics: css, free-saas-template, free-tailwind-template, free-tailwind-theme, html, javascript, tailwind, tailwind-template
- Language: HTML
- Homepage: https://html-faunaflora-full.vercel.app/
- Size: 8.86 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fauna & Flora - HTML Tailwind CSS SaaS Application Template
## Description
The Fauna Template is a clean and modern HTML template designed with the environment in mind. Perfect for any green energy initiative or eco-friendly business, this template offers a professional and approachable design. It includes a range of essential pages such as the Homepage, About Us, Pricing Page, Blog Listing Page, Contact Us, Login, and Register pages. Each page is thoughtfully crafted to provide a seamless user experience, ensuring your visitors find the information they need with ease
This template is created using Tailwind CSS version 3, a utility-first CSS framework. It offers flexibility and control, making it easy to customize and build responsive, modern web designs efficiently.
> [Click here to view demo](https://html-faunaflora-full.vercel.app/)
> **Important:** You are currently viewing only the starter template, which includes only the homepage. The full template is available for free to users who are registered on my website and signed up to my mailing list.
> [Click here to download the full template](https://pixelrocket.store/free-templates/html-templates/fauna-flora-tailwind-html-website-template)
## Pages
- Homepage
- About Us (full version only)
- Pricing (full version only)
- Blog (full version only)
- Contact Us (full version only)
- Login (full version only)
- Register (full version only)
## 1. Getting Started
NOTE: npm commands overwrite the ./public directory.
Project's source files are placed in ./src/ directory.
* ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
* ./src/tailwind/ - Tailwind config file used to build the theme. Variables used in Theme Customizer are located in tailwind.config.js file.
All your pages (templates) are stored in separated .pug files
* ./src/pug/*.pug
## 2. Installation
```
# Install dependencies
npm install
# Run dev server with live preview (Browsersync)
npm run watch
# Or make a production build
npm run build
```
## 3. Contact
If you have have any questions, feel free to contact me:
## 4. Learn Frontend Web Development
Want to learn frontend web development so you can build templates like this one? Visit my site: https://www.pixelrocket.store for a range of frontend web development learning resources and courses.
## 5. Credits & Special thanks
Image placeholders from https://unsplash.com/
Screenshot & Logo placeholders from https://www.figma.com/community