Centre de connaissance
Les meilleurs ressources pour comprendre
Documentation officielleTailwindCSS
Framework CSS utility-first pour construire des interfaces avec des classes utilitaires
2Articlesà lire
'/%3e%3cpath%20d='m392%20176h32v48h-32z'%20fill='%23cbcbcb'%20transform='matrix(-1%200%200%20-1%20816%20400)'/%3e%3cg%20fill='%230276b4'%3e%3ccircle%20cx='256'%20cy='144'%20r='8'/%3e%3ccircle%20cx='256'%20cy='112'%20r='8'/%3e%3ccircle%20cx='256'%20cy='80'%20r='8'/%3e%3ccircle%20cx='256'%20cy='48'%20r='8'/%3e%3ccircle%20cx='288'%20cy='144'%20r='8'/%3e%3ccircle%20cx='288'%20cy='112'%20r='8'/%3e%3ccircle%20cx='288'%20cy='80'%20r='8'/%3e%3ccircle%20cx='288'%20cy='48'%20r='8'/%3e%3ccircle%20cx='320'%20cy='144'%20r='8'/%3e%3ccircle%20cx='320'%20cy='112'%20r='8'/%3e%3ccircle%20cx='320'%20cy='80'%20r='8'/%3e%3ccircle%20cx='224'%20cy='144'%20r='8'/%3e%3ccircle%20cx='224'%20cy='112'%20r='8'/%3e%3ccircle%20cx='224'%20cy='80'%20r='8'/%3e%3ccircle%20cx='224'%20cy='48'%20r='8'/%3e%3ccircle%20cx='192'%20cy='144'%20r='8'/%3e%3ccircle%20cx='192'%20cy='112'%20r='8'/%3e%3ccircle%20cx='192'%20cy='80'%20r='8'/%3e%3c/g%3e%3cpath%20d='m288.007%20341.963a8%208%200%200%201%20-4.584-14.562%2048.569%2048.569%200%200%200%2013.724-14.67%208%208%200%200%201%2013.706%208.257%2064.735%2064.735%200%200%201%20-18.276%2019.536%207.966%207.966%200%200%201%20-4.57%201.439z'%20fill='%230296e5'/%3e%3cpath%20d='m256%20352a8%208%200%200%201%200-16%2048.783%2048.783%200%200%200%206.867-.486%208%208%200%201%201%202.266%2015.839%2064.835%2064.835%200%200%201%20-9.133.647z'%20fill='%230296e5'/%3e%3cpath%20d='m136.005%20136a7.984%207.984%200%200%201%20-6.252-3%2072.034%2072.034%200%200%201%200-90%208%208%200%200%201%2012.494%2010%2055.722%2055.722%200%200%200%200%2070%208%208%200%200%201%20-6.242%2013z'%20fill='%23fbb540'/%3e%3cpath%20d='m105.973%20152a7.984%207.984%200%200%201%20-6.078-2.793%2094.05%2094.05%200%200%201%200-122.414%208%208%200%200%201%2012.148%2010.414%2078.047%2078.047%200%200%200%200%20101.586%208%208%200%200%201%20-6.07%2013.207z'%20fill='%23fbb540'/%3e%3cpath%20d='m376%20136a8%208%200%200%201%20-6.242-13%2055.722%2055.722%200%200%200%200-70%208%208%200%200%201%2012.494-10%2072.034%2072.034%200%200%201%200%2090%207.984%207.984%200%200%201%20-6.252%203z'%20fill='%23fbb540'/%3e%3cpath%20d='m406.027%20152a8%208%200%200%201%20-6.07-13.207%2078.047%2078.047%200%200%200%200-101.586%208%208%200%200%201%2012.148-10.414%2094.05%2094.05%200%200%201%200%20122.414%207.984%207.984%200%200%201%20-6.078%202.793z'%20fill='%23fbb540'/%3e%3cpath%20d='m152%20176h208v40h-208z'%20fill='%23cbcbcb'/%3e%3cpath%20d='m168%20216h176v16h-176z'%20fill='%23015078'/%3e%3c/g%3e%3c/svg%3e)
0Episodes de podcastà écouter
0Discussionspour échanger
Dernière version
v4.3.5
6 days ago
Popularité
'%3e%3cpath%20d='M50.2142%2018.9386C49.891%2017.9389%2049.0043%2017.2289%2047.9552%2017.1343L33.7053%2015.8404L28.0704%202.65157C27.655%201.685%2026.7087%201.05933%2025.6574%201.05933C24.6061%201.05933%2023.6599%201.685%2023.2444%202.65383L17.6096%2015.8404L3.35734%2017.1343C2.31016%2017.2311%201.42571%2017.9389%201.10063%2018.9386C0.775554%2019.9383%201.07577%2021.0349%201.86794%2021.7261L12.6392%2031.1726L9.46301%2045.1637C9.2306%2046.1924%209.62988%2047.2558%2010.4834%2047.8728C10.9423%2048.2043%2011.479%2048.3731%2012.0203%2048.3731C12.487%2048.3731%2012.95%2048.2473%2013.3655%2047.9986L25.6574%2040.6522L37.9448%2047.9986C38.844%2048.5396%2039.9774%2048.4902%2040.8291%2047.8728C41.683%2047.2539%2042.0819%2046.1902%2041.8495%2045.1637L38.6733%2031.1726L49.4446%2021.728C50.2368%2021.0349%2050.5393%2019.9402%2050.2142%2018.9386Z'%20fill='%23FFC107'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1229_10547'%3e%3crect%20width='49.3714'%20height='49.3714'%20fill='white'%20transform='translate(0.971436)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
98580-92 
TailwindCSS est un framework CSS open source, distribué sous licence MIT et fondé sur l'approche utility-first. Plutôt que des composants prêts à l'emploi, il fournit de petites classes utilitaires (marges, couleurs, typographie, mise en page) que les développeurs combinent directement dans le HTML pour styliser une interface. Il gère aussi le responsive et génère un CSS final limité aux classes réellement utilisées.