MFelt est une bibliothèque CSS (avec un peu de JavaScript) conçue pour être simple à utiliser et très stable. Pas de nouvelle version chaque année qui vous forcerait à réécrire vos applications.
MFelt ne prétend pas tout faire, même le café. Mais l'essentiel est là pour la plupart des développeurs front-end.
Le principe est qu'une bibliothèque ne devrait pas inclure des éléments qui sont rarement utilisés ou faits une seule fois dans une application. C'est pourquoi elle n'inclut rien sur les layouts (HTML5 avec flex et grid est suffisamment mature pour cela) ou les sidebars (c'est généralement un menu principal dans votre application que vous ne ferez qu'une seule fois).
Pour tout le reste, j'espère que vous trouverez MFelt utile.
- Variables : Variables CSS personnalisables
- Icônes : Fork de Bootstrap Icons (sans SVG)
- Boutons : Styles de boutons variés
- Alertes : Messages d'alerte et notifications
- Navigation : Barres de navigation responsives
- Accordéons : Contenu dépliable
- Tabs : Navigation par onglets
- Modales : Fenêtres modales
- Formulaires : Styles de formulaires
- Cartes : Composants de type carte
- Pagination : Navigation de pagination
- Titres : Boîtes de titres
- Couleurs : Palette de couleurs
- Navigation responsive avec dropdowns
- Accordéons interactifs
- Gestion des modales
- Tabs dynamiques
Documentation complète : https://lezab.github.io/mfelt/
Téléchargez MFelt et placez-le n'importe où dans votre projet pour qu'il soit accessible par les clients (généralement dans le dossier assets).
Ajoutez ces lignes à l'en-tête de vos fichiers HTML ou à votre template HTML :
<link href="<your_path_to_assets>/mfelt/css/mfelt.css" rel="stylesheet">
<script src="<your_path_to_assets>/mfelt/js/mfelt.js"></script>MFelt est également livré avec des icônes qui ne sont pas documentées ici. Il s'agit d'un fork de Bootstrap Icons, sauf qu'il n'inclut pas les icônes SVG. Quelques exemples ci-dessous montrent comment il peut être utilisé.
Ce projet est sous licence GNU Affero General Public License v3.0.
MFelt is a CSS (with a little bit of JavaScript) library designed to be simple to use and very stable. No new version every year that would force you to rewrite your applications.
MFelt doesn't pretend to do everything, even coffee. But the essentials are there for most front-end developers.
The principle is that a library should not include things that are rarely or only once done in an application. That's why it doesn't include anything about layouts (HTML5 with flex and grid is mature enough for that) or sidebars (this is usually a main menu in your application that you'll only do once).
For everything else, I hope you find mfelt useful.
- Variables : Customizable CSS variables
- Icons : Bootstrap Icons fork (without SVG)
- Buttons : Various button styles
- Alerts : Alert messages and notifications
- Navigation : Responsive navigation bars
- Accordions : Collapsible content
- Tabs : Tab navigation
- Modals : Modal windows
- Forms : Form styles
- Cards : Card components
- Pagination : Pagination navigation
- Titles : Title boxes
- Colors : Color palette
- Responsive navigation with dropdowns
- Interactive accordions
- Modal management
- Dynamic tabs
Full documentation: https://lezab.github.io/mfelt/
Download MFelt and drop it anywhere in your project so that it's accessible by clients (usually in the assets folder).
Add these lines to the header of your HTML files or to your HTML template:
<link href="<your_path_to_assets>/mfelt/css/mfelt.css" rel="stylesheet">
<script src="<your_path_to_assets>/mfelt/js/mfelt.js"></script>MFelt also comes with icons which are not documented here. It is a fork of bootstrap icons except that it does not include svg icons. Some examples below show how it can be used.
Elements in main menu with a * use javascript. Javascript in MFelt is pure js.
This project is under GNU Affero General Public License v3.0.
MFelt - Simple, stable, hassle-free ✨