AUI provides a robust, customizable, and accessible library of foundational and advanced components, enabling you to build your own design system and develop applications faster.
- Reusable
- Versatile
- Frictionless
- Lighweight
- Alert
- Avatar
- Badge
- Button
- Card
- Grids
- Image
- Input
- Modal
- Navigation
- Rating
- Snackbar
- Text Utilities
Copy-paste the stylesheet link
into your head
before all other stylesheets to load our CSS.
<link rel="stylesheet" href="https://aesthetic-ui.netlify.app/CSS/components.css">
Copy-paste this script
file after the head
tag to implement JS functionality.
<script src="https://aesthetic-ui.netlify.app/Components/Alert/Alert.js"></script>
<script src="https://aesthetic-ui.netlify.app/Components/Badge/Badge.js"></script>
<script src="https://aesthetic-ui.netlify.app/Components/Card/Card.js"></script>
<script src="https://aesthetic-ui.netlify.app/Components/Modal/modal.js"></script>
<script src="https://aesthetic-ui.netlify.app/Components/Navigation/navigation.js"></script>
<script src="https://aesthetic-ui.netlify.app/Components/Snackbar/snackbar.js"></script>
To use the Icons, you need to add Font Awesome Icons. Copy-paste the stylesheet link into your head tag for icons to appear on your screen.
<script src="https://kit.fontawesome.com/d53bb09bcf.js" crossorigin="anonymous"></script>
- HTML
- CSS
- Javascript
I'm a Advanced Front-end developer. I have working knowledge of HTML, CSS, Javascript, React, Java and MySQL.
Insert gif or video to demo