Update README.md

wrappixel · web-flow · commit 50df6830b2f6 · 2025-04-28T17:25:38.000+05:30
diff --git a/README.md b/README.md
@@ -1 +1,261 @@
-# Flexy-nuxtjs-free
+<p align="center">
+   <a href="https://www.wrappixel.com/" target="_blank">
+      <img src="https://adminmart.github.io/template_api/images/brand-logo/WrapPixel-Logo.svg" alt="sneat-logo" width="100px" height="100px">
+   </a>
+</p>
+<h1 align="center">
+   <a href="https://www.wrappixel.com/templates/flexy-nuxtjs-free-admin-template/?ref=376" target="_blank" align="center">
+       Flexy NuxtJs Free Admin Template
+   </a>
+</h1>
+<p align="center">Download most useful and comprehensive 🚀 Free NuxtJs admin template built for developers 🛠</p>
+
+[![Flexy NuxtJs Free Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2025/04/Flexy_Free_nuxt_version_react.jpg)](https://www.wrappixel.com/templates/flexy-nuxtjs-free-admin-template/?ref=376)
+
+
+## 👋 Introduction
+
+**Flexy NuxtJs Free Admin Template** is a clean, responsive, and high-performance admin dashboard built with **Nuxt**, **Vue**, **Vuetify**, **SASS**, and **ApexCharts**. It’s designed to help developers build scalable web applications quickly—ideal for admin panels, dashboards, and internal tools.
+
+Powered by **Nuxt’s SSR and static site generation**, Flexy delivers fast load times and strong SEO performance. It comes with pre-built Vuetify components, interactive charts via ApexCharts, and a sleek icon set from Tabler Icons—all wrapped in a modern Material Design aesthetic.
+
+Whether you're building a lightweight dashboard or a complex internal system, Flexy’s modular architecture and developer-friendly setup make it easy to customize and extend. It’s a smart starting point for any Vue-based project that needs performance, flexibility, and a polished UI.
+
+### 🔑 Key Features
+
+- **Responsive & Mobile-First Design**  
+  Optimized for a seamless experience across all devices and screen sizes.
+
+- **Vuetify UI Components**  
+  Built with **Vuetify**, offering a clean, professional UI that follows Material Design principles.
+
+- **Nuxt with SSR**  
+  Utilizes **Server-Side Rendering (SSR)** and static site generation for fast, SEO-friendly performance.
+
+- **ApexCharts for Data Visualization**  
+  Interactive, dynamic charts powered by **Vue ApexCharts** for real-time data visualization.
+
+- **Vue Composition API**  
+  Built with **Vue**, offering modern, reusable components for scalable applications.
+
+- **Modular & Developer-Friendly**  
+  Clean, maintainable code structure designed for easy customization and extension.
+
+---
+
+## 🛠️ Notable Libraries and Tools
+
+| **Library / Tool**         | **Description**                                                                 |
+|----------------------------|---------------------------------------------------------------------------------|
+| **Vue**                     | A progressive JavaScript framework for building user interfaces with a component-based architecture. |
+| **Vuetify**                 | A popular Vue UI library that implements Material Design principles to create sleek, responsive interfaces. |
+| **Nuxt**                  | A powerful framework built on **Vue** for building fast, SEO-optimized server-side rendered (SSR) and static web applications. |
+| **Vue ApexCharts**          | A charting library that integrates seamlessly with Vue to create interactive, customizable data visualizations. |
+| **Vue Tabler Icons**        | A collection of clean, scalable icons for use in Vue applications, providing a consistent visual language. |
+| **SASS**                    | A CSS preprocessor that extends CSS with variables, nested rules, and mixins for better styling maintainability. |
+
+---
+
+## 💾 Installation Guide
+
+Welcome to the **Flexy NuxtJs Free Admin Template**! This guide will walk you through the installation and setup process, so you can get started with building your custom admin dashboard in no time.
+
+### 📝 Steps to Install
+
+#### 1. **Clone the Repository**
+
+The easiest way to get started is by cloning the repository or download the zip file. You can do this with the following command:
+
+```bash
+git clone https://github.com/wrappixel/Flexy-nuxtjs-free.git
+```
+
+#### 2. **Install Dependencies**
+
+Install the relative Dependencies of the template. You can do this with the following command:
+
+```bash
+npm install
+```
+
+#### 3. **Start the Development Server**
+
+Once the dependencies are installed, you can start a local development server to preview the template: 
+
+```bash
+npm run dev
+```
+---
+
+## 📝 Documentation
+
+Welcome to the **Flexy NuxtJs Free Admin Template** documentation! Whether you're just getting started or looking to explore advanced features, this guide will help you set up and customize your project with ease.
+
+👉 **[Click here to read the full documentation](https://wrappixel.github.io/free-documentation-wp/nuxt/flexy/index.html?ref=376)**
+
+---
+
+## 💎 Pro Version
+
+The Pro Version of the **Flexy NuxtJs Vuetify Admin Template** comes packed with essential features—ideal for personal projects, prototypes, or small-scale applications. When you're ready to level up, the Pro Version unlocks a powerful suite of extras, including multiple theme options, advanced UI widgets, real-time notifications, priority support, and a host of other premium tools designed to supercharge your development workflow.
+
+<div style="display: flex; gap: 10px; align-items: center;">
+  <a href="https://flexy-nuxtjs-main.netlify.app/dashboards/analytical?ref=376" target="_blank">
+    <img src="https://img.shields.io/badge/Try_the_Demo-Click_Here-blue" alt="Try the Demo">
+  </a>
+  <a href="https://www.wrappixel.com/templates/flexy-nuxt-js-vuetify-admin-template/?ref=376" target="_blank">
+    <img src="https://img.shields.io/badge/Download_Now-Click_Here-green" alt="Download Now">
+  </a>
+</div>
+
+[![Flexy NuxtJs Vuetify Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2024/11/Flexy_Nuxtjs_preview.jpg)](https://www.wrappixel.com/templates/flexy-nuxt-js-vuetify-admin-template/?ref=376)
+
+---
+
+## ⚖️ Free vs Pro Version Comparison
+
+The **Free Version** of the **Flexy NuxtJs Vuetify Admin Template** provides a solid set of features, perfect for personal projects or small applications. However, for businesses or developers looking to unlock more advanced functionality, the **Pro Version** offers exciting features like **multiple themes**, **advanced widgets**, **real-time notifications**, **priority support**, and much more. 
+
+
+#### Check out the comparison below to see the key differences between the two versions:
+
+| **Feature**                      | **Free Version**                       | **Pro Version**                                      |
+|-----------------------------------|----------------------------------------|-----------------------------------------------------|
+| **Demo**                          | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://flexy-nuxtjs-free.netlify.app/?ref=376)                               | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://flexy-nuxtjs-main.netlify.app/dashboards/analytical?ref=376)                                              |
+| **Download**                      | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://www.wrappixel.com/templates/flexy-nuxtjs-free-admin-template/?ref=376)                                | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://www.wrappixel.com/templates/flexy-nuxt-js-vuetify-admin-template/?ref=376)                                          |
+| **Responsive Design**             | ✅ Yes                                 | ✅ Yes                                              |
+| **Pre-designed Pages**            | ✅ Basic Pages                         | ✅ Advanced Pages (more layouts & options)           |
+| **Widgets**                       | ✅ Basic Widgets                       | ✅ Advanced Widgets (e.g., weather, charts, maps)    |
+| **Themes**                        | ✅ Default Theme                | ✅ Multiple Themes, Custom Color Skins, and Dark Modes |
+| **Support**                       | ✅ Community Support                   | ✅ Priority Support with Direct Contact             |
+| **Additional Components**         | ❌ Limited                             | ✅ Additional Components (Forms, Buttons, More UI Elements) |
+| **Advanced Data Visualization**   | ❌ Basic Charts                        | ✅ Advanced Data Visualizations (graphs, complex charts) |
+| **Multi-Language Support**        | ❌ Not available                       | ✅ Built-in support for multiple languages          |
+| **User Permissions & Roles**      | ❌ No                                  | ✅ User roles and permissions management            |
+| **Real-time Notifications**       | ❌ Not available                       | ✅ Real-time notifications for alerts & updates      |
+| **Advanced Analytics & Reporting**| ❌ Basic reports                       | ✅ Advanced analytics with custom reports and filters|
+
+---
+
+## 🗂️ Other versions
+
+<table>
+   <thead>
+      <tr>
+         <th> 
+            <span style="font-size: 16px;">All Access Pass</span>
+         </th>
+         <th> 
+            <img src="https://skillicons.dev/icons?i=bootstrap" height="20" alt="Bootstrap 5 templates" style="margin-right: 8px;">
+            <span style="font-size: 16px;">Bootstrap</span>
+         </th>
+         <th> 
+            <img src="https://skillicons.dev/icons?i=next" height="20" alt="next templates" style="margin-right: 8px;">
+            <span style="font-size: 16px;">Next</span>
+         </th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <td>
+            <a href="https://www.wrappixel.com/all-access-pass/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/2025/04/all-access-pass-category-banner-1.png" alt="materialM-bootstrap-admin-template" style="max-width:140px;">
+            </a>
+         </td>
+         <td>
+            <a href="https://www.wrappixel.com/templates/flexy-bootstrap-admin-template/?ref=376" width="150px">
+               <img src="https://www.wrappixel.com/wp-content/uploads/edd/2024/05/flexy-bootstrap-admin-wpn.jpg" alt="flexy-bootstrap-admin-template" style="max-width:140px;">
+            </a>
+         </td>
+         <td>
+            <a href="https://www.wrappixel.com/templates/flexy-nextjs-dashboard-material-ui/?ref=376" width="150px">
+               <img src="https://www.wrappixel.com/wp-content/uploads/edd/2025/03/Flexy-Nextjs_blue.jpg" alt="flexy-next-admin-template" style="max-width:140px;">
+            </a>
+         </td>
+      </tr>
+   </tbody>
+   <thead>   
+      <tr>
+         <th>
+            <img src="https://skillicons.dev/icons?i=react" height="20" alt="Vue templates" style="margin-right: 8px;">
+            <span>React</span>
+         </th>
+         <th>
+            <img src="https://skillicons.dev/icons?i=angular" height="20" alt="Angular templates" style="margin-right: 8px;">
+            <span>Angular</span>
+         </th>
+         <th>
+            <img src="https://skillicons.dev/icons?i=vue" height="20" alt="Vue templates" style="margin-right: 8px;">
+            <span>Vue</span>
+         </th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <td>
+           <a href="https://www.wrappixel.com/templates/materialm-tailwind-react-admin-template/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2025/02/materialM-react-tailwind-pro.jpg" alt="flexy-vue-admin-template" style="max-width:150px;">
+           </a>
+         </td>
+         <td>
+           <a href="https://www.wrappixel.com/templates/flexy-material-angular-admin/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2024/05/flexy-angular-material-admin-wpn.jpg" alt="flexy-angular-admin-template" style="max-width:140px;">
+           </a>
+         </td>
+         <td>
+            <a href="https://www.wrappixel.com/templates/flexy-vuetify-dashboard/?ref=376" width="150px">
+               <img src="https://www.wrappixel.com/wp-content/uploads/edd/2024/05/flexy-vuetify-vuejs-admin-wpn.jpg" alt="flexy-vue-admin-template" style="max-width:150px;">
+            </a>
+         </td> 
+      </tr>
+   </tbody>
+</table>
+
+---
+
+##  🤝  Contributing
+
+We welcome contributions from the community to help improve the **Flexy NuxtJs Free Admin Template**. Whether it’s fixing bugs, adding new features, improving documentation, or sharing ideas — your input is appreciated!
+
+### 🛠️ How to Contribute
+
+Follow these simple steps to start contributing:
+
+1. **Fork the Repository**  
+   Click the **Fork** button on the top-right corner of this repo to create your own copy.
+
+2. **Clone Your Fork**  
+   Use the command below to clone your forked repository:
+   ```bash
+   git clone https://github.com/wrappixel/Flexy-nuxtjs-free.git
+
+3. **Create a New Branch**  
+   Create a new branch to work on your feature or fix. This keeps your changes separate from the main branch:
+   ```bash
+   git checkout -b feature/your-feature-name
+
+4. **Commit and Push Changes**  
+   After making your changes, commit them with a meaningful message and push your branch to your fork:
+   ```bash
+   git commit -am "Add: Description of changes made"
+   git push origin feature/your-feature-name
+
+---
+
+## 🧭 Useful Links
+- <p><a href="https://www.wrappixel.com/templates/category/admin-dashboard-templates/?ref=376">Admin Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/bootstrap-templates/?ref=376">Bootstrap Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/angular-templates/?ref=376">Angular Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/react-templates/?ref=376">React Template</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/framer-templates/?ref=376">Framer Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/mui-templates/?ref=376">Material UI Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/vuetify-templates/?ref=376">Vuetify Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/nextjs-templates/?ref=376">NextJs Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/nuxt-templates/?ref=376">Nuxt Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/tailwind-dashboard/?ref=376">Tailwind Templates</a> from Wrappixel</p>
+
+---
+
+## 🌐 We are social
+
+[![](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/wrappixel)  [![twitter](https://img.shields.io/badge/twitter-x?style=for-the-badge&logo=x&logoColor=white&color=%230f1419)](https://twitter.com/wrappixel)  [![facebook](https://img.shields.io/badge/facebook-logo?style=for-the-badge&logo=facebook&logoColor=white&color=%230866ff)](https://www.facebook.com/wrappixel)  [![instagram](https://img.shields.io/badge/instagram-logo?style=for-the-badge&logo=instagram&logoColor=white&color=%23F35369)](https://www.instagram.com/wrappixel)  [![youtube](https://img.shields.io/badge/youtube-logo?style=for-the-badge&logo=youtube&logoColor=white&color=%23cc0000)](https://www.youtube.com/@wrappixel)  [![](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/company/wrappixel)
