|
| 1 | +# Frequencii - React Tailwind CSS SaaS Application Template |
| 2 | + |
| 3 | +## Description |
| 4 | + |
| 5 | +The Frequencii Template is a sleek and modern React template designed to streamline digital asset management for marketing teams. This template provides a professional yet approachable design, making it easy to store, organize, and access valuable marketing assets from anywhere. It includes essential pages such as the Homepage, About Us, Pricing Page, Blog Listing Page, Contact Us, Login, and Register pages. |
| 6 | + |
| 7 | +This template is created using Tailwind CSS version 4 and React 18, offering a modern, component-based architecture with excellent performance and developer experience. |
| 8 | + |
| 9 | +> [Click here to view demo](https://react-frequencii-full.vercel.app/) |
| 10 | +
|
| 11 | +> **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. |
| 12 | +> [Click here to download the full template](https://www.pixelrocket.store/free-templates/react-templates/frequencii-tailwind-react-website-template) |
| 13 | +
|
| 14 | +## Template Versions |
| 15 | + |
| 16 | +This template is available in multiple frameworks: |
| 17 | + |
| 18 | +| Framework | Link | |
| 19 | +|-----------|------| |
| 20 | +| HTML | [Frequencii HTML Template](https://pixelrocket.store/free-templates/html-templates/frequenci-tailwind-html-website-template) | |
| 21 | +| React | [Frequencii React Template](https://pixelrocket.store/free-templates/react-templates/frequencii-tailwind-react-website-template) | |
| 22 | +| Next.js | [Frequencii Next.js Template](https://pixelrocket.store/free-templates/nextjs-templates/frequencii-tailwind-nextjs-website-template) | |
| 23 | + |
| 24 | +## More Free Templates |
| 25 | + |
| 26 | +| Template | Preview | HTML | React | Next.js | |
| 27 | +|----------|---------|------|-------|---------| |
| 28 | +| Easy Tax | [<img src="https://pixelrocket-public-assets.s3.eu-west-2.amazonaws.com/github-assets/easytax.png" width="150">](https://react-easytax-full.vercel.app/) | [HTML](https://pixelrocket.store/free-templates/html-templates/easy-tax-tailwind-html-website-template) | [React](https://pixelrocket.store/free-templates/react-templates/easy-tax-react-website-template) | [Next.js](https://pixelrocket.store/free-templates/nextjs-templates/easy-tax-nextjs-website-template) | |
| 29 | +| Fauna & Flora | [<img src="https://pixelrocket-public-assets.s3.eu-west-2.amazonaws.com/github-assets/florafauna.png" width="150">](https://react-fauna-full.vercel.app/) | [HTML](https://pixelrocket.store/free-templates/html-templates/fauna-flora-tailwind-html-website-template) | [React](https://pixelrocket.store/free-templates/react-templates/fauna-flora-tailwind-react-website-template) | [Next.js](https://pixelrocket.store/free-templates/nextjs-templates/fauna-flora-tailwind-nextjs-website-template) | |
| 30 | +| Four Points | [<img src="https://pixelrocket-public-assets.s3.eu-west-2.amazonaws.com/github-assets/fourpoints.png" width="150">](https://react-fourpoints-full.vercel.app/) | [HTML](https://pixelrocket.store/free-templates/html-templates/four-points-tailwind-html-website-template) | [React](https://pixelrocket.store/free-templates/react-templates/four-points-tailwind-react-website-template) | [Next.js](https://pixelrocket.store/free-templates/nextjs-templates/four-points-tailwind-nextjs-website-template) | |
| 31 | +| Global Bank | [<img src="https://pixelrocket-public-assets.s3.eu-west-2.amazonaws.com/github-assets/globalbank.png" width="150">](https://react-globalbank-full.vercel.app/) | [HTML](https://pixelrocket.store/free-templates/html-templates/global-bank-tailwind-html-website-template) | [React](https://pixelrocket.store/free-templates/react-templates/global-bank-react-website-template) | [Next.js](https://pixelrocket.store/free-templates/nextjs-templates/global-bank-nextjs-website-template) | |
| 32 | + |
| 33 | +[](https://react-frequencii-full.vercel.app/) |
| 34 | + |
| 35 | +## Pages |
| 36 | +- Homepage |
| 37 | +- About Us (full version only) |
| 38 | +- Pricing (full version only) |
| 39 | +- Blog (full version only) |
| 40 | +- Contact Us (full version only) |
| 41 | +- Login (full version only) |
| 42 | +- Register (full version only) |
| 43 | + |
| 44 | +## 1. Getting Started |
| 45 | + |
| 46 | +### Prerequisites |
| 47 | +- Node.js 16+ and npm |
| 48 | + |
| 49 | +### Project Structure |
| 50 | +``` |
| 51 | +src/ |
| 52 | +├── app/ # Application configuration and routing |
| 53 | +├── components/ # Reusable UI components |
| 54 | +├── features/ # Feature-based components |
| 55 | +├── data/ # Static data and content |
| 56 | +└── index.css # Global styles and Tailwind imports |
| 57 | +``` |
| 58 | + |
| 59 | +## 2. Installation |
| 60 | + |
| 61 | +```bash |
| 62 | +# Install dependencies |
| 63 | +npm install |
| 64 | + |
| 65 | +# Run development server |
| 66 | +npm run dev |
| 67 | + |
| 68 | +# Build for production |
| 69 | +npm run build |
| 70 | + |
| 71 | +# Preview production build |
| 72 | +npm run preview |
| 73 | +``` |
| 74 | + |
| 75 | +The development server will start at `http://localhost:5173` |
| 76 | + |
| 77 | +## 3. Build and Deploy |
| 78 | + |
| 79 | +```bash |
| 80 | +# Create production build |
| 81 | +npm run build |
| 82 | + |
| 83 | +# The build output will be in the ./dist directory |
| 84 | +# Deploy the contents of ./dist to your hosting provider |
| 85 | +``` |
| 86 | + |
| 87 | +## 4. Contact |
| 88 | + |
| 89 | +If you have any questions, feel free to contact me: |
| 90 | + |
| 91 | + |
| 92 | + |
| 93 | +## 5. Learn Frontend Web Development |
| 94 | + |
| 95 | +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. |
| 96 | + |
| 97 | +## 6. Credits & Special thanks |
| 98 | + |
| 99 | +Image placeholders from https://unsplash.com/ |
| 100 | +Screenshot & Logo placeholders from https://www.figma.com/community |
0 commit comments