NgududCSS - Dokumentasi

Kenapa NgududCSS?

Ringan, konsisten, dan enak dipakai untuk proyek lokal.

Bahasa simpel

Kelas kecil, jelas, dan mudah diingat tanpa konfigurasi ribet.

Token jadi pusat

Warna, spacing, dan font konsisten dari satu config.

Build cepat

Output CSS kecil, cocok untuk landing page dan docs.

Vibe lokal

Nama kelas dan gaya dokumentasi yang dekat dengan komunitas.

Mulai dalam 2 langkah

Install, build, lalu pakai class di HTML.

01

Install package

npm i -D ngududcss

02

Build CSS

npx ngudud build

CLI mirip Tailwind

Build sekali atau watch perubahan file.

Build

npx ngudud build --config ngudud.config.js
--output dist/ngudud.css

Watch

npx ngudud watch --output dist/ngudud.css

PostCSS plugin

Generate utility di pipeline build kamu.

Config ready

// postcss.config.js
module.exports = {
  plugins: [
    require("ngududcss/postcss-ngudud")({
      config: "./ngudud.config.js",
    }),
    require("autoprefixer"),
  ],
};

CDN siap pakai

Pakai langsung tanpa build lokal.

CDN publish

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/ngududcss@0.1.0/dist/ngudud.css"
/>

Config sederhana

Atur token desain sesuai brand kamu.

// ngudud.config.js
module.exports = {
  colors: {
    slate: { 500: "#64748b" },
    amber: { 500: "#f59e0b" },
  },
  spacing: { 4: "16px", 8: "32px" },
  fontSize: { base: "16px", xl: "20px" },
};

Utility yang lahir

text-slate-500
bg-amber-500
p-4 dan p-8
text-xl

Interactive demo

Ganti tema dan tombol untuk lihat hasilnya langsung.

Demo card

Kombinasi tema dan tombol akan berubah di sini.

Theme showcase

Pilih vibe berbeda untuk komponen dan card.

theme-sunset

Sunset

Hangat, ramah, cocok untuk landing page.

theme-mint

Mint

Fresh dan modern untuk startup.

theme-slate

Slate

Netral dan rapi untuk dokumentasi.

theme-neobrutal

Neo Brutal

Berani, kontras tinggi, dan playful.

Ringan

Output CSS kecil, mudah dikontrol dari config.

Konsisten

Token desain jadi satu sumber kebenaran.

Fleksibel

Bisa dipakai langsung atau digabung PostCSS.

Showcase UI

Contoh komponen nyata untuk kebutuhan sehari-hari.

Pricing mini

Rp 79k /bulan

5 projects
Custom tokens
Build CLI

Alert

Heads up!

Theme neo sedang ramai dipakai tim.

1.2k Downloads

38 Utilities

12 Components

Utility search

Cari cepat kelas yang kamu butuhkan.

Roadmap

Arah pengembangan versi berikutnya.

v0.2

More utilities

Tambah grid, responsive breakpoint, dan typography.

v0.3

Docs CLI

Generate docs otomatis dari config.

v1.0

Plugin ecosystem

Plugins untuk forms, layout, dan components.

Bikin UI cepat dengan kelas-kelas kecil yang konsisten. Tanpa nulis CSS berulang.

Button

Neo Card

Card