# emotion

Yaratıcılığı ve verimliliği ön planda tutan, JavaScript'te stil yazmanın yeni bir yolunu deneyimleyin.

[Website](https://emotion.sh/docs/introduction) [GitHub](https://github.com/emotion-js/emotion#main)

Emotion, JavaScript ile CSS stillerini etkili biçimde yazmak için tasarlanmıştır ve geliştirici deneyimini iyileştiren güçlü stil oluşturma olanakları sunar.

React gibi çerçevelerle doğrudan kullanım veya entegrasyon için tasarlanmış çeşitli yöntemlerle hem dize hem de nesne biçimindeki stilleri destekler. Temel paketlerinden biri olan `@emotion/css`, çerçeveden bağımsızdır; yani ek kurulum veya yapılandırma değişikliği gerektirmeden çeşitli ortamlarda kullanılabilir. Otomatik satıcı öneki ekleme, iç içe seçiciler ve medya sorguları gibi özellikler stil oluşturma sürecini kolaylaştırır.

Genel stillere ve duyarlı tasarımlara ek olarak Emotion, sunucu tarafında işlemeyi de güçlü biçimde destekleyerek modern web uygulamaları için çok yönlü bir seçenek sunar. Paket, `css` işlevi ve `cx` yardımcı aracıyla sınıf adlarının oluşturulmasını ve birleştirilmesini kolaylaştırır; böylece bileşenler genelinde stil yönetimi verimli hâle gelir.

## Özellikler

- Çerçeveden bağımsız
- Otomatik satıcı öneki ekleme desteği
- İç içe seçici desteği
- Medya sorgusu desteği
- Sunucu tarafında işleme desteği
- Genel stil ekleme
- Temalarla dinamik stil oluşturma
- Sınıf adlarını kolayca birleştirme

Reklamınız burada mı olsun?

[Bize e-posta gönderin](mailto:hi@dennn.is?subject=KickstartUI%20%C3%BCzerinde%20reklam)

[Reklam WordPress için yapay zekâ ajanlarına hazır eklenti paketi.](https://sleekwp.com/?ref=kickstartui)

## İlgili öğeler

### [Master CSS](https://kickstartui.com/tr/details/master-css/)

Bu yenilikçi ürün, CSS yazma ve uygulama biçimini dönüştürerek etkili web tasarımı ve geliştirme için sadeliği performansla birleştirir.

**GitHub yıldızları**

1.8K

**Güncellenme tarihi**

Dec 5, 2024

**Lisans**

MIT License

### [styled-components](https://kickstartui.com/tr/details/styled-components/)

Bileşenlerinizi kolayca biçimlendirmek için JavaScript içinde CSS kullanmanızı sağlayan güçlü bir kütüphane.

**GitHub yıldızları**

40.6K

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

### [StyleX](https://kickstartui.com/tr/details/stylex/)

Bu kütüphane, verimlilik ve bakım kolaylığı sağlamak için atomik stiller kullanarak web uygulamalarını biçimlendirmeye yönelik sadeleştirilmiş bir yaklaşım sunar.

**GitHub yıldızları**

8.4K

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

### [ChakraUI](https://kickstartui.com/tr/details/chakra-ui/)

Kullanımı kolay ve yüksek ölçüde özelleştirilebilir temel bileşenlerden oluşan kapsamlı bir setle erişilebilir web uygulamalarını hızlı ve verimli şekilde oluşturun.

**GitHub yıldızları**

38.1K

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

### [UnoCSS](https://kickstartui.com/tr/details/unocss/)

Geliştiricilerin geleneksel CSS çatılarının olağan kısıtlamaları olmadan hızlıca tasarımlar oluşturmasını sağlayan güçlü ve özelleştirilebilir bir motor.

**GitHub yıldızları**

16.8K

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

### [Tailwind CSS](https://kickstartui.com/tr/details/tailwindcss/)

İşaretlemenizde her türlü tasarımı oluşturmak için sınıflarla donatılmış, yardımcı sınıf öncelikli bir CSS framework'ü. HTML'yi düzenli ve sürdürülebilir tutarken modern web sitelerini hızla oluşturmanızı sağlar.

**GitHub yıldızları**

83.7K

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

### [Tamagui](https://kickstartui.com/tr/details/tamagui/)

Bu kütüphane, React ve React Native'de kullanıcı arayüzleri oluşturmak için verimliliği esneklikle birleştiren güçlü bir çözümdür.

**GitHub yıldızları**

11.7K

**Güncellenme tarihi**

Dec 6, 2024

**Lisans**

MIT License

### [Skeleton](https://kickstartui.com/tr/details/skeleton/)

Modern web uygulamalarının geliştirilmesini kolaylaştıran uyarlanabilir ve erişilebilir bir araç seti.

**GitHub yıldızları**

228

**Güncellenme tarihi**

Dec 26, 2023

**Lisans**

MIT License