Lompat ke isi

Tailwind CSS

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Tailwind CSS
Tipeperangkat lunak bebas, Framework CSS dan Pustaka JavaScript Edit nilai pada Wikidata
Versi pertama13 Mei 2019 Edit nilai pada Wikidata
Versi stabil
4.1.8 (28 Mei 2025) Edit nilai pada Wikidata
LisensiMIT License [1]
Bahasa
Daftar bahasa

English

Karakteristik teknis
Sistem operasilintas platform Edit nilai pada Wikidata
Bahasa pemrogramanCascading Style Sheets Edit nilai pada Wikidata
Sumber kode
Kode sumberPranala Edit nilai pada Wikidata
Informasi tambahan
Situs webtailwindcss.com
BlogBlog oficial Edit nilai pada Wikidata
X: tailwindcss GitHub: tailwindcss Modifica els identificadors a Wikidata
Sunting di Wikidata Sunting di Wikidata • Sunting kotak info • L • B
Info templat
Bantuan penggunaan templat ini

Tailwind CSS adalah kerangka kerja (framework) CSS yang di dalamnya terdapat sekumpulan utility classes untuk membangun antarmuka kustom dengan cepat.[4] Tailwind CSS berbeda dengan kerangka kerja CSS seperti Bootstrap, Bulma, atau Foundation, karena Tailwind CSS bukan sebuah UI Kit.[5] Tailwind CSS tidak memiliki tema default maupun komponen UI bawaan. Tailwind CSS dirancang agar dapat digunakan oleh pengguna sesuai dengan desain kustom yang mereka inginkan.[6]

Sejarah

Tailwind CSS dibuat oleh Adam Wathan—sekarang menjabat sebagai CEO Tailwind Labs—dan rekannya yang bernama Steve Schoger.[7]

Versi alpha Tailwind CSS resmi dirilis pada tanggal 1 November 2017, dan hingga saat ini Tailwind CSS sudah mencapai versi 3.1.8.[8]

Perbedaan dengan kerangka kerja lain

Berdasarkan dari website resmi Tailwind CSS, mereka menyatakan bahwa dengan menggunakan Tailwind CSS pengguna dapat mengembangkan sebuah web modern tanpa meninggalkan file HTML ketika proses pengembangan.[4]

" Rapidly build modern websites without ever leaving your HTML "

Fitur-fitur

Utilities Tailwind CSS

Utility adalah kelas HTML sederhana yang biasanya berada dalam satu scope properti CSS, seperti border-style atau background-color.[9]

Daftar utility class Tailwind CSS

Ada banyak jenis utility class di Tailwind CSS yang memungkinkan pengguna untuk mengontrol dan melakukan kustom properti CSS sesuai dengan keinginannya, seperti warna font, ukuran font, jenis font, padding, margin, display, dan lain sebagainya.[10]

Berikut adalah beberapa daftar utility yang terdapat pada Tailwind CSS:

  • Preflight
  • Layout
  • Tables
  • Typography
  • Effect & filters
  • Flexbox & grid
  • Spacing & sizing
  • Background & border
  • Transition, transformation & animation
  • dan lain sebagainya

Versi

Berikut adalah beberapa versi Tailwind CSS hingga saat ini:

Lihat pula

Referensi

  1. ^ "Github: tailwindlabs/tailwindcss, LICENSE".
  2. ^ "Tailwind Labs".
  3. ^ "Release 4.1.8". 28 Mei 2025. Diakses tanggal 1 Juni 2025.
  4. ^ a b "Tailwind CSS - Rapidly build modern websites without ever leaving your HTML". tailwindcss.com (dalam bahasa Inggris). Diakses tanggal 2022-10-19.
  5. ^ "Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development". tailwindcss-v0.netlify.app (dalam bahasa Inggris). Diakses tanggal 2022-10-19.
  6. ^ "Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs". tailwindcss.com (dalam bahasa Inggris). Diakses tanggal 2022-10-19.
  7. ^ "The Story of Tailwind CSS feat. Adam Wathan". The OfferZen Community Blog. Diakses tanggal 2022-10-19.
  8. ^ "Release Notes - Tailwind CSS". tailwindcss.com (dalam bahasa Inggris). Diakses tanggal 2022-10-19.
  9. ^ "Utilities". U.S. Web Design System (USWDS) (dalam bahasa Inggris). 2022-10-11. Diakses tanggal 2022-10-19.
  10. ^ "Utility-First Fundamentals - Tailwind CSS". tailwindcss.com (dalam bahasa Inggris). Diakses tanggal 2022-10-19.

Pranala luar

Diperoleh dari "https://id.wikipedia.org/w/index.php?title=Tailwind_CSS&oldid=21814296"