Documentation
Low-code
Low-code
  • What is Agua?
  • Quick Start
    • AirBnb: Tutorial
      • Component: Button
      • Component: Card
        • Card's Tag
        • Card's Images
        • Card's Info
      • Home Header
        • 1. Banner
        • 2. Divider
        • 3. Desktop Menu
          • 3.1. Site Menu | Elements
          • 3.2. Site Menu | Style
          • 3.3. Search | Elements
          • 3.4. Search | Style
        • 4. Tablet Menu
          • 4.1. Menu | Elements
          • 4.2. Menu | Style
  • Daily Use
    • Basics
      • Initial Setup
      • Project structure
        • .agua folder
      • Project persistence
        • Saving your project
        • Deploy Locally
  • Help and Community
    • Support
    • Latam Community
    • Global Community
Powered by GitBook
On this page
  • Quick Start
  • What can you do in Agua?
  • 1. Manage your components
  • 2. Create web user interfaces
  • 3. Export your React Code
  • 4. Improve your code with AI
  • Learning our Basics
  • Advanced Use
  • Reviewing our References
  • Need Help?

What is Agua?

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

Last updated 1 year ago

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.

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.

3. Export your React Code

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

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.

Learning our Basics

Advanced Use

Reviewing our References

Need Help?

Contact us directly!

Also,

  • Check out our FAQ.

Help us improve our docs!

Email .

Book a .

Chat with us on .

Visit your .

Ask our .

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

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

Initial Setup

Project structure

Project persistence

Grid system

Creating responsive UIs

Design Tokens

Creating components

Importing code

Documenting

Optimizing

Reusing classes

Separating into files

Learn more about Components

Learn more about our UI Editor

Learn more about our Code Editor

Learn more about our AI Tools

support@agua.dev
meeting with our founders
WhatsApp
Youtube Channel
community
Roadmap
GitHub Repo

Start building now!

Learn our Basics!

Components
UI editor
Code Generator
AI