What is Agua?

Welcome to Agua! built by developers, for developers. 🤍

Agua is the free React Toolkit for front-end developers. You can import, manage and document your components using our AI tools, while using our Graphical Interface to updated and create new web user interfaces. Develop clean code faster and easier!

Quick Start

What can you do in Agua?

1. Manage your components

Import your components, and use our preview to: create variants and document them.

Components

2. Create web user interfaces

Use your components to update an create new responsive user interfaces. Stylize using the CSS properties of our graphical editor.

UI editor

3. Export your React Code

All the interfaces you created in our UI editor, are automatically exported into clean React code.

Code Generator

4. Improve your code with AI

Use our AI tools to document components, find errors, explain your code to your team, and generate unit tests.

AI

Learning our Basics

Grid system

Creating responsive UIs

Design Tokens

Creating components

Importing code

Documenting

Advanced Use

Optimizing

Reusing classes

Separating into files

Reviewing our References

Learn more about Components

Learn more about our UI Editor

Learn more about our Code Editor

Learn more about our AI Tools

Need Help?

Contact us directly!

Also,

Help us improve our docs!

  • If there are any topics you'd like us to add to our documentation, please share your feedback in our Roadmap.

  • Edit this page in our GitHub Repo to fix an error or add an improvement to our documentation in a merge request.

Last updated