https://github.com/akashraj9828/svg-text-animation-generator

A pure CSS SVG text animation generator with any google fonts.
https://github.com/akashraj9828/svg-text-animation-generator

css google-fonts svg svg-animations

Last synced: 8 months ago
JSON representation

A pure CSS SVG text animation generator with any google fonts.

• Host: GitHub
• URL: https://github.com/akashraj9828/svg-text-animation-generator
• Owner: akashraj9828
• Created: 2020-05-17T21:49:02.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-03-03T16:16:55.000Z (over 1 year ago)
• Last Synced: 2024-03-04T16:58:23.516Z (over 1 year ago)
• Topics: css, google-fonts, svg, svg-animations
• Language: JavaScript
• Homepage: https://akashraj9828.github.io/svg-text-animation-generator/
• Size: 27.1 MB
• Stars: 19
• Watchers: 2
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# SVG TEXT ANIMATION GENERATOR

## (Pure CSS no libraries used)

### Generate SVG for **any TEXT** in **991 diffrent fonts**(google fonts) and animate it without using any library. in under 15 lines of code.

### Animations are purely done using keyframes

> ## Screens

> ### Use any of the google fonts

> ![Index](./output/top.png)

> ### Download all code.

> ![Download Code](./output/code.png)

> ### 

> ![Working](./output/svg-text-anim.gif)

> ## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### `yarn build`

Builds the app for production to the `build` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.