Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bushido2014/nuxt-datawise-landing
Nuxt Landing Page
https://github.com/bushido2014/nuxt-datawise-landing
nuxt nuxt-gsap nuxt-landing-page nuxt-tailwindcss nuxt-ui
Last synced: 14 days ago
JSON representation
Nuxt Landing Page
- Host: GitHub
- URL: https://github.com/bushido2014/nuxt-datawise-landing
- Owner: bushido2014
- Created: 2024-10-11T10:46:55.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-21T20:14:22.000Z (2 months ago)
- Last Synced: 2024-11-01T21:07:42.412Z (2 months ago)
- Topics: nuxt, nuxt-gsap, nuxt-landing-page, nuxt-tailwindcss, nuxt-ui
- Language: Vue
- Homepage: https://nuxt-datawise-landing.netlify.app
- Size: 941 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt Landing Page
A landing page built with **Nuxt.js** featuring smooth **GSAP animations**, **scroll effects**, counters with **vue-countup-v3**, **marquee scrolling** with `nuxt-marquee`, and styled with **Tailwind CSS** and **Nuxt UI** components.
## Features
- **Nuxt.js**: Used as the main framework for building a high-performance landing page with server-side rendering.
- **GSAP Animations**: Smooth animations triggered on scroll, making the page more dynamic and engaging.
- **vue-countup-v3**: Counter animations to showcase statistics or dynamic numbers in a visually appealing way.
- **nuxt-marquee**: For smoothly scrolling text, adding a dynamic element to the layout.
- **Tailwind CSS**: A utility-first CSS framework used to style the entire landing page.
- **Nuxt UI**: Pre-built Nuxt components for a cohesive design.## Setup and Installation
1. Clone the repository:
```bash
git clone github.com/bushido2014/nuxt-datawise-landing.git
cd nuxt-datawise-landing