The interactive file manager requires Javascript. Please enable it or use sftp or scp.
You may still browse the files here.

Name	Modified	Size	InfoDownloads / Week
Parent folder
README.md	2025-02-10	3.9 kB	0
StyleXui Beta v1.0.0 source code.tar.gz	2025-02-10	5.8 MB	0
StyleXui Beta v1.0.0 source code.zip	2025-02-10	5.7 MB	0
Totals: 3 Items		11.4 MB	0

StyleXui

A lightweight and modern CSS framework designed to streamline your development process effortlessly.

🚀 Overview

StyleXui, also known as Style You, is a CSS framework built to enhance your workflow with pre-designed components and utility classes. Whether you're an experienced developer or just starting out, StyleXui helps you build stunning, responsive UIs with ease.

Created by Richard Gigi, co-founder of Xnyder, StyleXui was developed to tackle common design inefficiencies in modern web development.

Dive in and see how StyleXui can bring your projects to life! 🎨✨

🌟 Features

✔ Responsive Design – Built with mobile-first principles to ensure seamless adaptability across all devices.
✔ Pre-Built Components – Buttons, modals, navigation bars, and more to save you time and effort.
✔ Utility-First Approach – Style elements quickly without writing custom CSS.
✔ Accessibility Focused – Designed with accessibility in mind to ensure usability for everyone.

📦 Installation

1️⃣ Via CDN (Quickest Setup)

Add the following <link> tag to your HTML file:

:::html
<link rel="stylesheet" href="https://cdn.stylexui.com/css/xui.css" />

✅ Best for: Prototyping, static HTML projects, minimal dependencies.

2️⃣ NPM/Yarn (For Modern Frameworks)

Using NPM:

:::sh
npm install @richaadgigi/stylexui

Using Yarn:

:::sh
yarn add @richaadgigi/stylexui

Then, import it in your project:

:::js
import '@richaadgigi/stylexui';

✅ Best for: React, Vue, Angular, scalable projects, and version control.

3️⃣ Manual Download (Offline or Custom Hosting)

Download the latest version from the [official website](https://stylexui.com/).
Extract the files and link the CSS in your HTML file:

:::html <link rel="stylesheet" href="path/to/xui.css" /> ✅ Best for: Legacy systems, static projects, or custom hosting.

🔧 Getting Started

Basic HTML Boilerplate

Copy and paste the following template to start using StyleXui:

:::html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My StyleXui Project</title>
    <link rel="stylesheet" href="path/to/xui.css">
</head>
<body>
    <div class="xui-container">
        <h1>Welcome to StyleXui</h1>
        <p>Build modern, responsive, and accessible UIs with ease.</p>
        <button class="xui-btn xui-btn-primary">Get Started</button>
    </div>
</body>
</html>

📜 Release Notes

🔹 Version 1.0.0 (Beta)

✅ Initial release of StyleXui! 🚀

📜 License

StyleXui is open-source and distributed under the MIT License, ensuring flexibility for both personal and commercial use.

🔑 Key Terms of MIT License

✅ Permitted Uses: Personal, commercial, and enterprise applications. Modification, distribution, and sublicensing allowed.
❌ Restrictions: No warranty or liability for damages. Must retain copyright notices.