CSS Stats
CSS Stats is a free and open source tool that's used by many companies and projects. It's intended to help CSS authors visualize their stylesheets and generate documentation for a design system.
https://cssstats.com...
Animista
Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
https://animista.net/...
MagicPattern
A collection of tools to enhance your design and code workflow.
https://www.magicpattern.design/tools...
Spruce CSS Framework
A low-level, lightweight and modern CSS design system, authoring tool built on Sass. Give your project a solid foundation.
https://sprucecss.com/...
Article on spotting issues with overflow
https://www.smashingmagazine.com/2021/04/css-overflow-issues/
this article explains how you can write a script to see elements wider than the body and also help spot overflow and suggestions to fix it...
Copilot
GitHub Copilot uses the OpenAI Codex to suggest code and entire functions in real-time, right from your editor.
https://github.com/features/copilot...
ChatGPT
Chat GPT is an artificial intelligence chatbot that can do, well, pretty much everything. It can code, it can write articles, it can help you decorate your home, it can make up a recipe (I don't recommend that if you are Italian), and the list goes on.
https://openai.com/blog/chatgpt/...
SourceAI
Another AI powered tool that can generate code in any programming language from a question:
https://sourceai.dev/...
Figstack
Another AI powered tool that can:
* Explain code
* Translate from/to coding languages
* Calculate code Time Complexity
* Automatically document your functions/methods...
Blackbox
AI powered tool that can extract code from any video and inject directly into your editor. Also, you can Turn Any Question to code.
https://www.useblackbox.io/
ps: there is no pricing on the website however says "start free trial". Am waiting on them to get back to me with costs. Once they do, I will update this post....
![](https://utfs.io/f/6ce81162-3055-4a1d-ab70-4780d93ea434-1nq2cb.png)