ASAS is a library of real Elementor blocks drawn in grey, so the first thing you judge is the structure. Stack blocks into a page, apply a colour kit, and download a native Elementor template. Free, and no account needed to browse.
A styled template makes you judge the colour. A grey one makes you judge the page: does the hierarchy hold, does the proof sit next to the claim, does the call to action arrive when the reader is ready? Settle that first and every brand you apply afterwards works harder.
This is the order a page gets built in. Scroll, and the page on the right builds with you.
Search 3,881 blocks by room (hero, pricing, FAQ), by behaviour (static, carousel, accordion, tabs, split) or by its ASAS name. Every card is a browser capture of the real template.
Reorder, swap or drop a section while changing it costs nothing. A page has three zones: the entrance at the top, the close at the bottom, and the argument in between.
Twelve kits set ink, paper, lines and accent across every block at once. Then bring your own type, imagery, illustration and motion. The structure never moves.
The same JSON format Elementor uses for its own library. Import it and every container, widget, spacing value and responsive rule is there to edit. Nothing is published for you.
The library is organised like a building, not a dropdown: page structure first, then trust, then the market, then the shop. Counts are live from the Studio.
Every card is a 1,290-pixel screenshot of the block as Elementor renders it. Hover to see its containers; stack the ones you want and carry them into the Studio.
A page in ASAS is a recipe: an ordered list of rooms with one block in each. Open a Home, Services, About or Contact page and swap any block without losing the order.
A kit is ink, paper, lines and one accent, applied to every block at once. This website runs on the same kits: pick one and watch the buttons, marks and accents repaint while the structure stays put. That is the whole idea.
Your choice is remembered on this device. The Studio applies the kit to your stacked page the same way.
An ASAS name is one Arabic word for the block's one move, with the English beside it. Names are easier to remember than “Hero 118”, and you can search by either.
{ "title": "Home — Dar", "type": "page", "version": "0.4", "content": [ { "elType": "container", // Madkhal · entrance "settings": { "content_width": "boxed" }, "elements": [ …heading, nav-menu, button ] }, { "elType": "container", // Wajha · Musharrat "settings": { "flex_direction": "row", "padding_tablet": { … } }, "elements": [ …heading, text-editor, button, image ] } // 8 more containers, in reading order ] }
Placeholder images are copied into your media library on import so the page arrives whole. Replace them with your own. Nothing is published for you, and the Studio never asks for access to your WordPress site.
“I built ASAS because I kept starting client pages by deleting somebody else's colours.”
Mousa Batarseh — webmaster and e-commerce specialist in Warren, Michigan. Fourteen-thousand-SKU catalogues, WordPress and Shopify stores, and the pages between. ASAS is the tool he wanted on every one of them.
Browse the library, stack the page you need, apply a kit, and take the result into Elementor. Free today; Pro when it earns it.