Build Lightning Web Components visually

Rapidly design and build production-ready Lightning web components that impact your business immediately.

Placing the power of Salesforce Lightning in your hand

Drag, Drop, Build. It’s that easy.

Smart Drag and Drop

Quickly build all the components you need with a powerful visual tool for adding, editing, moving, cloning and deleting UI elements. Cherry on the cake? Avonni automatically translates your work into fully working Lightning code.

Native Standard Lightning Components

Get access to all the standard Lightning Components from Salesforce. Easily create a Web Component that will follow Salesforce standards.

Avonni Components

Supercharge your creativity process with our ready-to-use custom made Lightning Components. Get access to a rich set of customizable pre-made components to extend the possibilities of what you can do with Salesforce Lightning. 

Build Lightning Components that adapt to multiple screen resolutions for desktop, tablet, mobile and more.
Create or edit SLDS properties — color, text, alignment and many more — with the integrated visual styling editor toolbar.
Create CSS classes visually to make style changes across multiple elements at the same time, allowing you a faster customizing experience but still keeping all the flexibility.
Use tons of free and beautiful images provided by Unsplash, one of the world's leading photography websites. Drag and drop any images and accelerate your creative process.

Create the perfect Web Component

Designing and prototyping Web Components is now easier than ever with access to UI elements like Cards, Accordions, Avatars, Buttons and more. No need for code. Design with the visual design skills you already have.

Responsive design

Build Lightning Components that adapt to multiple screen resolutions for desktop, tablet, mobile and more. Customize and adjust your layouts for a wide array of modern devices.

Salesforce Lightning Design System built in

Create or edit SLDS properties — color, text, alignment and many more — with the integrated visual styling editor toolbar.

Visual CSS Style Editor

Simply click on an element and start visual editing. Edit fonts, colors, sizes and more without the need to code the look and feel of your component. Avonni fully supports the new SLDS Styling hooks.

Images Library

Use tons of free and beautiful images provided by Unsplash, one of the world's leading photography websites. Drag and drop any images and accelerate your creative process.

Create the perfect Lightning web component

Customize your Components down to the smallest detail with multiple screen sizes in mind and export your work to Salesforce without burdening the development team.

Teamwork & Collaboration

Keep everyone up to date with a collaborative tool that empowers anyone on your team to create stunning Lightning Web Components for Salesforce, faster. Provide feedback as your project envolve.

Improve communication with comments & annotations

Work together at the same time

Streamline workflows with team sharing

Real-time editing
Work with your colleagues on a specific component at the same time.
Commenting & Annotations
Provide feedback by marking up your work with notes and comments.
Team Sharing
Invite the people you want and control who can view, comment and edit.

Build Lightning Web Components faster

Start building your Web components for Salesforce in no time. Avonni's intuitive drag & drop interface, templates and custom components gives you all the tools you need to get started!

100+ Lightning Elements

Get access to all the standard Lightning Base Components to easily create a Lightning web component that will follow Salesforce standards.

400+ Templates

Mix and match ready-made, customizable templates tailored to specific business needs or industries.

250+ Avonni Components

Get access to a rich set of customizable pre-made Lightning components to extend the possibilities of what you can do on Salesforce. 

Move seamlessly from prototype to production

Single-click Deployment

Deploy and update your creation to Salesforce with one click. Select the Components you’d like to push on Salesforce, select your org and you’re set.

Import from Salesforce

Import your Components to get a visual modeling and make changes on the fly with no-code.

Property Builder

Customize all the metadata properties linked to your components right inside Avonni without writing a single line of code.

Turn your ideas into powerful Lightning prototypes regardless of your role