Hazır CSS UI paketlerini kullanıyor musunuz?

2

246941

Petapat
İlk 5 Haneli Mesajınız!
Katılım
30 Ocak 2019
Mesajlar
21.099
Makaleler
9
Çözümler
222
Hazır CSS UI paketi ararken şunlarla karşılaştım ve çok hoşuma gitti.


Tailwind Checkbox Component — Tailwind CSS Components ( version 5 update is here )

Tailwind Checkbox examples: Checkboxes are used to select or deselect a value. component
daisyui.com

Free Open Source Tailwind CSS v4 Components | HyperUI

Discover free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles.
www.hyperui.dev

Her yer Bootstrap ve Material UI dolmuşken böyle alternatifleri görmek gülümsetti. Açıkçası çok da hoşuma gittiler zira diğerlerini herkes kullandığı için siteler artık çok benzemeye başladı. Peki sizin kullandığınız ve önerdiğiniz bu tarz paketler var mı?

(Konu aynı zamanda öneri konusudur.)
 
Bu UI kit bana göre çok modern bir görüntüye sahip çok beğendim hep böyle bir UI kit istemişimdir ancak bir backend geliştiricisi olarak class attribute içinde boğuldum ve biraz korktum. Yine de bir projede ui kit kullanmam gerekirse ilk olarak flowbite'a bakacağım ve bol bol kopyala yapıştır yapacağım teşekkür ederim. Ben şu anda Fomantic-UI kullanıyorum (React için Semantic-UI kullanılıyor aynısı) basit bir kütüphane kullanımı kolay ama çok yaygın değil sanırım.

3 tane kütüphane varmış yeni görüyorum hepsi çok güzel
 
React için Chakra UI kullanmıştım, aslında ben istememiştim kullanmayı ama işveren Chakra konusunda epey ısrarcıydı. Onun dışında da yine zorunluluktan dolayı MUI kullanıyorum.
 
Bootstrap ve tailwind kullanmışlığım var ama kendim css yazmayı tercih ederim. Bazen kendi cssimi bozuyolar herbir şeye !important eklemek sinir bozucu oluyo.
 
Bu paketleri denemek istedim fakat tam anlamadım nasıl kullanılacaklarını. Anladığım kadarıyla sadece HTML kodları var "copy" kısmında. CSS kısmını nereden kopyalayacağım ya da kendim mi yazmalıyım CSS'i?
 
delikarga dedi:
Bootstrap ve tailwind kullanmışlığım var ama kendim css yazmayı tercih ederim. Bazen kendi cssimi bozuyolar herbir şeye !important eklemek sinir bozucu oluyo.
Genişletmek için tıkla...
Tailwind kullanıyorsan zaten css yazma. Tailwind insanlar css'i tailwind ile yazsınlar diye var.

HTML: 
<!--
  This component uses @tailwindcss/line-clamp

  yarn add @tailwindcss/line-clamp
  npm install @tailwindcss/line-clamp

  plugins: [require('@tailwindcss/line-clamp')]
-->
Önce tailwind kuruyorsun. Sonrasında npm ile bu şekilde kuruluyor.
 
Son düzenleme:
@Administraktör Hocam dediğiniz gibi Tailwind kurulumunu yaptım. Sonrasında HyperUI sitesinden aldığım kodu kopyala yapıştır yaptığımda atmış olduğunuz kod bloğu otomatik olarak geldi. Fakat çalıştırdığımda tekrardan CSS yokmuş gibi oldu. Sorun ne olabilir sizce?
 
This component uses @tailwindcss/line-clamp

yarn add @tailwindcss/line-clamp
npm install @tailwindcss/line-clamp

plugins: [require('@tailwindcss/line-clamp')]
Bu adımları hallettin mi?
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…