This GitHub repository provides a CSS implementation of WinUI features for creating attractive and modern user experiences using only HTML and CSS.
- WinUI Styles: Apply WinUI 3 styles to your existing HTML elements for a consistent look with Windows apps.
- Controls: Use pre-built WinUI controls such as buttons, text inputs, dropdown lists, etc., to speed up development.
- Themes: Supports light and dark themes that can be easily customized to match your brand.
- Adaptability: Automatically adjusts the interface based on screen size, providing a smooth user experience across all devices.
- Clone the CSS files from this directory to add them to your website.
- Add specific CSS classes to HTML elements to apply WinUI styles.
Example usage:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WinUI CSS Example</title>
<!--Import all css files into style.css using @import url('')-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<button class="button">Click me</button>
</body>
</html>
Refer to the documentation available at https://github.com/ElProfessorFR/WinUI-CSS/wiki for more information on usage and customization of the interface.
-----------------------------------
Ce dépôt GitHub fournit une implémentation CSS des fonctionnalités de WinUI pour créer des expériences utilisateur attrayantes et modernes en utilisant uniquement HTML et CSS.
- Styles WinUI : Appliquez les styles WinUI 3 à vos éléments HTML courants pour un look cohérent avec les applications Windows.
- Contrôles : Utilisez les contrôles WinUI préfabriqués tels que les boutons, les entrées de texte, les listes déroulantes, etc., pour accélérer le développement.
- Thèmes : Prend en charge les thèmes clairs et sombres qui peuvent être facilement modifiés pour s'adapter à votre marque.
- Adaptabilité : Adapte automatiquement l'interface en fonction de la taille de l'écran, fournissant une expérience utilisateur fluide sur tous les appareils.
- Copiez les fichiers CSS que vous souhaitez utilisez, il sont dans le dossier
./styles
- Ajoutez des classes CSS spécifiques aux éléments HTML pour appliquer les styles WinUI 3.
Exemple d'utilisation :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple WinUI CSS</title>
<!--Importer tous les fichiers css dans le style.css avec @import url('')-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<button class="button">Cliquez-moi</button>
</body>
</html>
Consultez la documentation disponible ici https://github.com/ElProfessorFR/WinUI-CSS/wiki pour plus d'informations sur l'utilisation et la personnalisation de l'interface.