Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sohanemon/astro-template

Astro Template with Framer motion | Animation
https://github.com/sohanemon/astro-template

astro framer-motion jsx shadcn-ui tailwindcss typescript

Last synced: 19 days ago
JSON representation

Astro Template with Framer motion | Animation

Awesome Lists containing this project

README

        

# astro-template

An Astro project template built with modern tools and best practices.

## Usage (run locally)

Navigate to the `root` folder where `package.json` is located and run:

```bash
npm install
```

To start the development server:

```bash
npm run dev
```

Or use:

```bash
npm run start
```

> **Note:** Ensure that `nodejs` is installed.

## Bootstrap (new project)

To create a new Astro project using this template:

```bash
npm create astro@latest -- --template sohanemon/astro-template
```

## Features

- Astro framework
- Tailwind CSS with `@astrojs/tailwind`
- React integration via `@astrojs/react`
- Animated with `framer-motion`
- Radix UI Primitives
- Prettier formatting
- Tailwind CSS class sorting, merging, and linting

## License

Licensed under the [MIT license](./LICENSE).