Back to Lit

06

packages/lit-dev-content/site/tutorials/content/svg-templates/06.md

latest1.1 KB
Original Source

Congratulations

After completing this demo, a developer should understand how to:

  • Render SVGs with Lit
  • Create generative graphics with SVG
  • Theme SVGs with CSS
  • Create repeat patterns with Lit and SVG

More SVG resources

  • CSS-Tricks has an extensive series covering more advanced SVG concepts.
  • Sarah Soueidan's blog also covers a wealth of SVG topics and is well worth your time.
  • Learn more about grids and patterns with this article by frontend horse.

More resources on generative art

Paul Jackson's How to make Repeat Patterns is the foundational material used to create this tutorial.

  • Checkout a wonderful devto article on creative coding in SVG.
  • The coding train provides fundamental instruction and expertise required for creative coding.