NOAH’S VISUAL EDITOR
DESIGN WITHOUT CODE. BUILD WITHOUT LIMITS.
Create complete experiences for Drupal with a visual, flexible editor designed for performance.
Drupal
Noahs
VISUAL EDITOR
Design complete pages with an intuitive interface and real-time preview.
OPTIMIZED CSS
Noah’s generates only the styles each page needs to reduce weight and keep loading fast.
REAL DRUPAL
Work directly with Drupal's entities, fields, permissions, and content.
Only load what each page needs.
Noah’s generates the styles for each design per page. This way, it avoids loading unnecessary rules throughout the site and keeps the CSS smaller, organized, and easier to maintain.
CSS generado por página
Menos peso, mejor rendimiento
Código más limpio y mantenible
Drag. Drop. Keep creating.
Add images and SVG icons directly from each widget. Drag your files to the selection box or the modal, save them in their libraries, and reuse them whenever you need.
Carga mediante arrastrar y soltar
Biblioteca de medios integrada
Iconos SVG siempre disponibles
Movement with intention
Bring every design to life with movements that enhance the experience effortlessly
Animations
Apply entrance, exit, and emphasis animations to any element.
Scroll animations
Trigger animations as the visitor scrolls through the page.
Transitions
Add smooth changes between states and interactive elements.
The right content,
at the right time.
Show or hide widgets based on each visitor's context. Create conditions based on roles, cookies, and URL parameters to adapt content without duplicating pages.
By parameters
If there is any parameter in the URL.
By Cookies
If the user has a cookie.
By Role
Add whether to show or not to a user role.
By screen
If it is desktop, tablet or mobile.
One design. Every screen.
Show or hide widgets based on each visitor's context. Create conditions based on roles, cookies, and URL parameters to adapt content without duplicating pages.
Your widget, your rules.
Add custom CSS to any widget for precise adjustments and to extend the design when you need extra control.
CSS por widget
Ajustes aislados
Control avanzado
Design once. Reuse always.
Make the most of your work with reuse tools that save you time
Global widgets
Create an element once, reuse it on different pages, and update it from a single place.
Reusable templates
Save sections and complete layouts as templates ready to use in new designs.
Default styles
Set the initial appearance of your widgets to maintain a consistent visual identity and work faster.
Copy and duplicate
Replicate widgets, columns, and sections to test variations without rebuilding the content.
Design every part of Drupal
Use the editor to create headers, footers, user pages, and layouts associated with custom routes. Build a consistent visual experience beyond the main content.
Cabecera y Pié de página
Diseña la cabecera y el footer de tu página de forma ágil y profresional
Páginas de usuario
Diseña las paginas de login, recuperación de contraseña, detalle de usuario y mucho más.
Rutas personalizadas
Usa noah's en las rutas personalizadas que tengas en tu módulo o de Drupal
Start now
Save time.
Design pages, create popups, and bring new experiences to life with an ecosystem of modules that grows with you.
Download the modules from the official Drupal page and install them as you usually do
Noah's is free, it has a PRO version and Popup's Pro to help maintain this editor.
No license is required, and if you get the PRO version, you can get support and updates for one year.
Yes, you can expand them as long as you do not distribute copies of Noah's code in other modules for commercial benefit