diff --git a/README.md b/README.md index 713d770..0b6618e 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,25 @@ # ✨ ThreeJS + VueJS 3 + ViteJS ⚡ +[![NPM Package][npm]][npm-url] +[![Build Size][build-size]][build-size-url] +[![NPM Downloads][npm-downloads]][npmtrends-url] +[![Discord][discord]][discord-url] -*Trois* is a french word, it means *Three*. - -
+[npm]: https://img.shields.io/npm/v/troisjs +[npm-url]: https://www.npmjs.com/package/troisjs +[build-size]: https://badgen.net/bundlephobia/minzip/troisjs@0.1.19 +[build-size-url]: https://bundlephobia.com/result?p=troisjs@0.1.19 +[npm-downloads]: https://img.shields.io/npm/dw/troisjs +[npmtrends-url]: https://www.npmtrends.com/troisjs +[discord]: https://img.shields.io/discord/828384755778846772 +[discord-url]: https://discord.gg/q85DvHhh + +
+ + - + @@ -23,6 +36,8 @@ I wanted to code something similar to *react-three-fiber* but for VueJS. I started from scratch, I will rewrite some of my [WebGL demos](https://codepen.io/collection/AGZywR) to see if this little toy can do the job. +*Trois* is a french word, it means *Three*. + ## Usage (CDN) TroisJS is really simple and easy to use : @@ -41,7 +56,7 @@ TroisJS is really simple and easy to use :