winatungmiharja / svg-animation-example-nextjs

Making SVG Animation in Website with ease!

SVG Animation NextJs Example ✨

Example usage of SVG animation in NextJs with only inline css

*Thumbnail**

Demo Project🖥 : Demo

---

To Start The Project🤷‍♀️

• Clone this repository
• Plase use Node 16.11.1 or 16, different node version could cause unwanted dependencies errors
• run yarn to install all the dependencies
• run yarn start to start the development server

Where to find the SVG🔧

go to /public/AI/PhoneRawSVG.ai to find the original file in .ai

/public/original_img to find the original unanimated svg

/public/group_img to find the animated svg

Relevant Repositories/link✨

TYPE	LINK
Inspiration	https://www.freepik.com/free-vector/gradient-ui-ux-landing-page_16691579.htm?query=website