Install - Vanilla JS

A framework-free build for teams working in plain HTML and JavaScript - static sites, legacy portals, and anything that should not carry a framework.

Coming soon! ✨

For now, keep doing the hard work yourself 👷 - we are on it.

The Vanilla JS package is on the roadmap. Until it lands, the design tokens and component CSS below give you the full ADEK look in any Vanilla JS project today.

What you can do today

Every component on this site is styled by three plain CSS files with no framework dependency. Link them in your project and use the documented class names - you get the exact ADEK colors, Montserrat typography, radii, and focus rings while the Vanilla JS package is being built.

What we are planning

A single adek-ui.js bundle you can drop in with a <script> tag
Web components (<adek-button>, <adek-badge>) that work in any page
A CDN link so no build step or npm install is required
Progressive enhancement: the CSS classes work with no JavaScript at all

Need it sooner?

Tell the design team at design@adek.gov.ae which components your service needs first - that is how we prioritize the build order.

Install - React Install - Angular