Skip to content

ElenaUI 🌟 is a modern, minimal CSS UI library tailored for small projects. 🎨✨ With a focus on simplicity and usability, it provides clean, reusable components πŸ› οΈ that seamlessly integrate into any design, ensuring a delightful user experience. πŸ˜ŠπŸš€

Notifications You must be signed in to change notification settings

serhatparsinfinity/ELENAUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

ElenaUI

ElenaUI is a modern, minimal UI component library built with HTML, CSS, and JavaScript. Designed for developers and designers, ElenaUI offers a clean and professional collection of reusable components, ensuring seamless integration and a delightful user experience.

Components

Basic Elements

  • Buttons with hover effects
  • Tooltips
  • Form elements (Checkboxes, Radio buttons, Inputs)
  • Tabs & Accordions

Interactive Components

  • Toast Notifications (Success, Error, Warning, Info)
  • Copy to Clipboard buttons
  • Social Media buttons
  • Interactive Lists

Data Display

  • Modern Tables
  • Tree View
  • Timeline
  • Lists with icons

Features

  • 🎨 Modern and minimal design
  • πŸ“± Fully responsive
  • ⚑️ Lightweight and fast
  • 🎯 Easy to implement
  • πŸ”§ Accessibility support
  • πŸ”„ Smooth animations
  • 🎁 Font Awesome icons integration

Usage

Include the CSS file:

<link rel="stylesheet" href="path/to/elena.css">

Include the JavaScript file:

<script src="path/to/elena.js"></script>

Add Font Awesome for icons:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

Example:

<button class="modern-button">Click Me</button>

Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Created with ❀️ by Serhat Pars


Project Name

ElenaUI

About

ElenaUI 🌟 is a modern, minimal CSS UI library tailored for small projects. 🎨✨ With a focus on simplicity and usability, it provides clean, reusable components πŸ› οΈ that seamlessly integrate into any design, ensuring a delightful user experience. πŸ˜ŠπŸš€

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published