https://github.com/nirnejak/svg-animations

A Gallery of SVG Animations built with Framer Motion
https://github.com/nirnejak/svg-animations

framer-motion nextjs reactjs svg tailwindcss typescript vercel-postgres

Last synced: about 1 year ago
JSON representation

A Gallery of SVG Animations built with Framer Motion

• Host: GitHub
• URL: https://github.com/nirnejak/svg-animations
• Owner: nirnejak
• License: mit
• Created: 2023-04-08T15:51:26.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2025-04-06T14:59:25.000Z (about 1 year ago)
• Last Synced: 2025-04-13T13:05:56.142Z (about 1 year ago)
• Topics: framer-motion, nextjs, reactjs, svg, tailwindcss, typescript, vercel-postgres
• Language: TypeScript
• Homepage: https://svg-animations-gallery.vercel.app/
• Size: 2.69 MB
• Stars: 18
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  SVG Animations



SVG Animations with Framer Motion

## Screenshots

![Feature Illustrations](https://raw.githubusercontent.com/nirnejak/svg-animations/master/screenshots/01-features.png)

![Details Illustrations](https://raw.githubusercontent.com/nirnejak/svg-animations/master/screenshots/02-details.png)

![Other Illustrations](https://raw.githubusercontent.com/nirnejak/svg-animations/master/screenshots/03-others.png)

![Fullscreen view](https://raw.githubusercontent.com/nirnejak/svg-animations/master/screenshots/04-fullscreen.png)

## Available Scripts

**Install Dependencies**

```bash

bun install

```

**Start Development Server**

```bash

bun run dev

```

**Lint all the files**

```bash

bun run lint

```

**Format all files with Prettier**

```bash

bun run format

```

**Check TypeScript issues**

```bash

bun run type-check

```

**Build for Production**

```bash

bun run build

```

**Start Production Server**

```bash

bun start

```

---