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

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

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

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
.github		.github
.husky		.husky
.vscode		.vscode
public		public
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc.js		.prettierrc.js
README.md		README.md
commitlint.config.js		commitlint.config.js
jest.config.js		jest.config.js
jest.setup.js		jest.setup.js
next-env.d.ts		next-env.d.ts
next-sitemap.js		next-sitemap.js
next.config.js		next.config.js
package.json		package.json
postcss.config.js		postcss.config.js
prettier-plugin-sort-class-names-order		prettier-plugin-sort-class-names-order
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
vercel.json		vercel.json
yarn.lock		yarn.lock