NibCSS
DocsComponentsShorthands
IntroductionQuick startInstallationHow it worksEditor setupNibCSS compared
1 · Your first button2 · Layout with flexbox and grid3 · Responsive design4 · Dark mode5 · A design system with tokens6 · Component recipes7 · Project: a landing page8 · Project: a dashboard (advanced)
SyntaxShorthandsRaw properties & CSS variablesState modifiersResponsive & breakpointsDark modeDesign tokensComponent recipesCustom shortcutsBuild time vs runtimeNo flash of unstyled contentClass names & the cascade
HTML & CDNReactNext.jsVueNuxtAngularSvelte & SvelteKitVite, webpack, Rspack, Rollup, esbuildCLI — Rails, Django, Laravel, PHPAstro, Solid, Qwik, Remix
LayoutFlexboxGridSpacingSizingTypographyBackgroundsBorders & outlinesEffectsTransforms, transitions & animationInteractivityTables & SVGAll shorthands
The config fileConfiguration optionsThemes & multiple brands
Debugging & the dev overlayError catalogTypeScriptPerformanceTesting
FormsAnimations & micro-interactionsContainer queriesRight-to-left languagesPrint stylesServer rendering & hydrationAccessibilityWith component librariesMigrating from Tailwind CSSMigrating from plain CSS or SCSS
@nibcss/core@nibcss/runtime@nibcss/react@nibcss/vue@nibcss/angular@nibcss/svelte@nibcss/next & @nibcss/nuxt@nibcss/unplugin@nibcss/cli
ExamplesComponent galleryFAQTroubleshootingChangelogUpgrade guideGlossaryContributingAbout
Reference
ShorthandsComponent recipes
Docs/Resources/About

About

Who builds NibCSS, the license, and where to find the community.

1 min readv1

NibCSS is built in collaboration by Ozodov Mirabzal (@mvip07) and CodeMasterTv (@codemastertv01).

License#

MIT — free for personal and commercial use.

Links#

  • Source code and issues: github.com/mvip07/nibcss
  • Packages: npmjs.com/org/nibcss
  • CDN: jsdelivr.com/package/npm/@nibcss/runtime
PreviousContributingResources