Chakra UI
Segun Adebayo’nun React bileşen kütüphanesi (2019); erişilebilirliğe (her bileşen WAI-ARIA’ya uyar), temalandırmaya ve yardımcı sınıf tarzı özelliklere odaklanır.
className yerine “style props” kullanır: <Box mt={4} bg="gray.100">. v3 (2024), derleme zamanı çıkarımı ve daha küçük paketler için emotion’dan Panda CSS’e geçerek baştan yazıldı.
Rakipler: Material UI (daha kapsamlı), Mantine (benzer yaklaşım), shadcn/ui (kopyala-yapıştır modeli), Radix UI (başsız). Erişilebilirlik öncelikliyse ve daha az CSS yazmak istiyorsanız Chakra öne çıkar.