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

Start building now!

Learn our Basics!

What can you do in Agua?

1. Manage your components

Component Preview

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

2. Create web user interfaces

UI Editor

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

3. Export your React Code

Code Generator

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

4. Improve your code with AI

AI

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

Learning our Basics

Initial Setup

Project structure

Project persistence

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!

• Email [e-mail].

• Book a meeting with our founders.

• Chat with us on WhatsApp.

Also,

• Visit your Youtube Channel.

• Check out our FAQ.

• Ask our community.

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.