Ayro UI Core is a free Bootstrap 5 UI library that provides 40+ ready-to-use HTML components, blocks, and sections built on a minimal design system, distributed as plain HTML, CSS, and SCSS.
What is Ayro UI Core?
Ayro UI Core is the free version of the Ayro UI Bootstrap library, offering 40+ ready-to-use UI components and the assets needed to start a fresh web project. It is built on Bootstrap 5 and ships as plain HTML, CSS, and SCSS, so it runs in any static site or server-rendered application without a JavaScript framework. The library is maintained by the Ayro UI team and distributed through GitHub, with a full component browser at ayroui.com/components and documentation at ayroui.com/docs.
Key Features
- 40+ ready-to-use components — The Core version includes essential UI building blocks such as buttons, cards, forms, alerts, and navigation, all styled with a minimal design system.
- Bootstrap 5 foundation — Components are built directly on Bootstrap 5, inheriting its grid, utilities, and responsive behavior without adding a JavaScript framework.
- SCSS source files — Styling is authored in SCSS, so you can override variables for colors, spacing, and typography and recompile your own CSS bundle.
- Minimal design system — A restrained set of design tokens keeps components visually consistent and easy to rebrand.
- Free commercial license — The Core version is 100% free for personal or commercial projects, with no attribution or backlink required.
- Component browser and documentation — The library has a dedicated component browser at ayroui.com/components and documentation at ayroui.com/docs.
- Upgrade path to Pro — A paid Pro version expands the library to 300+ UI elements and adds pro features; the complete Ayro UI set also includes blocks, pages, and templates.
Who should use Ayro UI Core?
Front-end developers building static sites can copy the HTML and SCSS directly into their projects instead of hand-writing Bootstrap markup. Startup founders and indie makers can assemble clean landing pages and marketing sites free of charge, knowing the license permits commercial use. Agencies building client sites on Bootstrap get a consistent, minimal component set that can be rebranded by editing SCSS variables. Designers prototyping in code can use the library as a design-system starting point before customizing the look.
What can you do with Ayro UI Core?
- Landing page builders: Combine the included components into hero, feature, pricing, and call-to-action sections without writing CSS from scratch.
- Product teams: Prototype user-facing screens quickly using the 40+ components as a starting point before moving to production code.
- Brand design work: Edit the SCSS variables to match a brand's colors and spacing, then recompile to produce a custom stylesheet.
- Bootstrap developers: Drop in forms, buttons, alerts, and navigation that follow a minimal visual language instead of the default Bootstrap look.
Pros and cons
- Pros: Free for commercial use without attribution; built on Bootstrap 5's grid and utilities; SCSS sources allow deep customization; minimal aesthetic suits marketing and product sites.
- Cons: The Core version is limited to 40+ components — the full 300+ element set, additional pages, and pro features require the paid Pro version.
Pricing
Ayro UI Core follows a freemium model. The Core version is 100% free, including commercial use. The optional Pro version adds 300+ UI elements and all pro features, purchased through the ayroui.com pricing page.
Alternatives
- Start Bootstrap — a long-running collection of free Bootstrap themes and starter templates.
- Creative Tim — offers free and paid Bootstrap-based UI kits alongside products for other frameworks.
FAQ
Is Ayro UI Core free?
Yes. The Core version is 100% free and licensed for personal and commercial projects without any attribution or backlink. You can download it from GitHub and use it as-is.
What is the difference between the Core and Pro versions?
The Core version includes 40+ essential UI components and the assets needed for a fresh project. The Pro version expands this to 300+ UI elements and includes additional pro features, available through the ayroui.com pricing page.
What technology does Ayro UI Core use?
It is an HTML UI library built on Bootstrap 5, authored in CSS and SCSS. There is no JavaScript framework involved, so components work in static sites and server-rendered apps. The GitHub repository has more than 200 stars.
Do I need a backend or bundler to use it?
No. You can include the provided CSS directly in a page, or compile the SCSS sources if you want to customize variables. There is no required build step for basic use.
Can I use it in commercial projects?
Yes — the license explicitly permits personal and commercial use without requiring attribution or a backlink.
