An open API service indexing awesome lists of open source software.

https://github.com/serhii-kostiv/nuxt-animated-app

Simple Nuxt App With animations
https://github.com/serhii-kostiv/nuxt-animated-app

clsx gsap nuxt tailwind vue vue-router vueuse

Last synced: 8 months ago
JSON representation

Simple Nuxt App With animations

Awesome Lists containing this project

README

          

# Nuxt Animated App

[DEMO](https://nuxt-animated-app.vercel.app/)

This is a project using Nuxt 3, Tailwind CSS, VueUse, GSAP, and other utilities to create an animated web application.

## Project Details

- **Author**: [Serhii Kostiv](https://github.com/serhii-kostiv)
- **Project Name**: `nuxt-animated-app`
- **Framework**: [Nuxt 3](https://nuxt.com)
- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
- **Animations**: [GSAP](https://greensock.com/gsap/)
- **Utilities**:
- [VueUse](https://vueuse.org/)
- [clsx](https://github.com/lukeed/clsx)
- [tailwind-merge](https://github.com/dcastil/tailwind-merge)

## Requirements

Make sure you have [Node.js](https://nodejs.org/) installed.

## Getting Started

1. Clone the repository:

```bash
git clone https://github.com/serhii-kostiv/nuxt-animated-app.git
```

2. Install dependencies:

```bash
npm install
```

3. Run the development server:

```bash
npm run dev
```

The app should now be running on `http://localhost:3000`.

## Available Scripts

- **`npm run build`**: Build the application for production.
- **`npm run dev`**: Start the development server.
- **`npm run generate`**: Generate a static version of the site.
- **`npm run preview`**: Preview the production build locally.
- **`npm run postinstall`**: Prepare the app after installation (runs `nuxt prepare`).