ShadcnVue is a pre-built, ready-to-use Landing Page Template that combines the power of Shadcn/Vue, Vue.js, TypeScript, and Tailwind CSS.
It was designed to help anyone build modern, responsive, and feature-rich landing pages with pre-built sections covering key elements like navigation, hero sections, pricing tables, eam displays, and more.
Features
📱 Fully Responsive Design: The layout adapts smoothly to different screen sizes, from desktops to mobile devices.
🌙 Dark Mode: Integrated dark mode for an enhanced user experience, with an automatic switch based on system preferences.
🧠User-Friendly Navigation: Visitors get a clear and intuitive navigation experience.
< > Meta tags: Pre-configured meta tags help with search engine optimization (SEO).
Use Cases
- SaaS Product Launch: You can present your new software-as-a-service application, highlight its features, showcase pricing plans, and collect leads.
- Marketing Campaign: If you have a specific marketing campaign, you have the tools to create a dedicated landing page to drive conversions.
- Portfolio Website: You can showcase your work, skills, and services with a professional and engaging online presence.
- Event Promotion: You can promote a conference, webinar, or workshop, providing details and registration options.
- E-commerce Storefront: Introduce a new product line or special offer, including customer testimonials and purchase links.
Installation
- Clone the Repository:
git clone https://github.com/leoMirandaa/shadcn-vue-landing-page.git - Navigate to the Project Directory:
cd shadcn-vue-landing-page - Install Dependencies:
npm install - Run the Project:
npm run dev
Preview
