Introducing VisualBox ! Animation and Motion Graphics Builder
Tags: appwritehack, appwrite, javascript, react
Published: 2022-05-12 23:32:48




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x4y669d635z308zqng1w.png)


### Overview of My Submission
VisualBox is a frame animation builder. You can Design, Build and share your animations in real-time using this. 
It can generate projects and videos at runtime.

Built with a modular design to make it more scalable.


### Submission Category: 

 Wacky Wildcards


### Link to Code
#### https://github.com/Vishnuxx/VisualBox

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% embed link_to_your_repo %}` to share a GitHub repository)

##Libraries used
React
Recoil
Fabricjs

###Future goals
*More Optimized data transferrinig
*Tons of Editing features
*Support for tweening animation and motion posters
*NFT marketplace
*Storyboard collaboration


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pga4ghezwghfajvbgfkp.png)
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rm14xhq7x67mmiiidhjk.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5zc67xa5804d5onns9a9.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ovcsrq72u0pv7fg9e03v.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylzkp8swzowz2jpk8802.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iicpup8da2dso3ohe9nd.png)



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c18yplvh2bxexd9t5nvw.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qapsgnsnfocadhlsatcw.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgek338qoqzin6wdg9sr.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/043db7x24fdrkdtrr6mh.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kgmzv8hnhg824vehi3vi.png)
 


### Additional Resources / Info
###Mobile Previews


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/llcccmbrcg3v2pbn49th.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9xuhipxzdqibfa9gnpt7.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/chx0shpjvporqf7umor4.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/izo32a7smo8n0fmsowq2.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tphkl5bm1fei9jjzpnfx.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w9yud1mpt0uzitouzcjz.jpg)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/og33jnvtq1isd0g4nh8c.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttqmoaqigeuxkwgirt95.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2r64jn09uqrezzx9rzz.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zc699qlfgpc4krqz8pkh.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jze9xfsh6a1zpp7588uz.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q264d6e2lj8mxx6idcwn.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/616c9fspevapmdehde8q.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/whse06vf3wibjpjn67l2.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h3myn9ptp8w7g1g3aits.png)