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.


daisyui.com

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 daisyui.com

www.hyperui.dev

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 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.
 
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.

Black Swordsman dedi:
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?
Genişletmek için tıkla...
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:
Black Swordsman dedi:
@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?
Genişletmek için tıkla...
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?
 
Dediğiniz adımları yaptım. Fakat dediğim gibi çalışmadı.
resim_2023-04-12_203428110.png
 

Benzer konular

W
  • Çözüldü
Çözüldü  HTML CSS backround konusunda yardımcı olur musunuz?
Mesaj
4
Görüntüleme
455
kaan.w
K
walter wick
  • Çözüldü
Çözüldü  CSS background çalışmıyor
Mesaj
9
Görüntüleme
2.352
Fatalis
Fatalis
wlodame
CSS güncellenmiyor
Mesaj
0
Görüntüleme
381
wlodame
wlodame
D
PC CSS kodalarını okumuyor
Mesaj
4
Görüntüleme
449
MehmetSengul
MehmetSengul
Musa B.
  • Soru
CSS Butonu Sayfayı Bozuyor
2
Mesaj
11
Görüntüleme
3.464
dgknbzglu
dgknbzglu

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı