bloxa
79 bileşen · Ücretsiz ve açık · TR / EN

Bloklardan kurulan, hareketle canlanan arayüzler.

React ve Next.js için hareket odaklı bileşen kütüphanesi. Kodu tek komutla kopyala ya da npm'den import et — Türkçe veya İngilizce, açık veya koyu.

Bileşenlere göz at Fiyatları gör
$ npx @bloxa/cli add button
Lansman planlaDRAFT
EmailPush
79bileşen
2hazır dil
0tarih ve seçim için ek bağımlılık
MITücretsiz bileşenler

Bir ürün arayüzünün ihtiyacı olan her şey

İşine göre gruplanmış, tek tasarım dilini ve tek hareket sözlüğünü paylaşan temel bileşenler.

8
4
4
4
4

Düzen

7

Container, Row ve Col ile 12 sütunlu grid ve içerik kartları.

Bileşenlere göz at

Formlar

18

Metin, seçim, tarih ve dosya alanları — zengin ve erişilebilir durumlarla.

Bileşenlere göz at

Butonlar

2

Varyantlar, ikonlar, yükleniyor durumu, gruplar ve basılı tutarak onay.

Bileşenlere göz at

Menü ve gezinme

8

Hafif büyüyerek açılan menüler, alt menüler ve sekmeler.

Bileşenlere göz at
AyşePro
JohnFree
MehmetPro

Veri gösterimi

10

Mobilde karta dönüşen tablolar, veri tablosu, görsel ve hover kartı.

Bileşenlere göz at
Yükleniyor%68
%72

Durum ve yükleme

4

İlerleme çubukları, yükleniyor göstergeleri ve iskelet yer tutucular.

Bileşenlere göz at

Hareket

7

Hareket azaltma tercihine uyan belirme ve mikro etkileşimler.

Bileşenlere göz at

Kendine göre ayarla

Her renk bir CSS değişkeni. Marka rengini ve temayı seç — tüm arayüz ona uyar.

Çalışma alanını oluştur

İki dakika, kredi kartı gerekmez.

E-postanı doğrulaYENİ
Koyu mod

Sıfırdan yayına üç adım

1

Kur

Bloxa registry'sini bağlamak için CLI'ı bir kez çalıştır ya da npm'den @bloxa/react'i kur.

Terminal
npx @bloxa/cli init
2

Ekle

Bileşenleri adıyla ekle. Bağımlılıklar, tema ve yardımcılar otomatik gelir.

Terminal
npx @bloxa/cli add data-table
3

Sahiplen

Kod senin reponda. Stilleri, prop'ları ve hareketleri istediğin gibi değiştir.

Terminal
components/ui/data-table.tsx

Kullanıcının dilini konuşur

Uygulamanı bir kez BloxaProvider ile sar. Etiketler, placeholder'lar, ay adları ve sayı biçimleri birlikte değişir.

Basit fiyat

Ücretsiz başla. Pro'yu bir kez al, ömür boyu kullan.

FREE

Ücretsiz

Temel bileşenlerle hemen başla.

0 ₺

  • 79 temel bileşen
  • CLI ve npm paketi
  • Açık ve koyu tema
  • Hazır Türkçe ve İngilizce
Bileşenlere göz at
PRO

Pro

Tüm bloklar ve şablonlar, tek seferlik ödeme.

999 ₺tek seferlik

  • Tüm Pro bloklar ve şablonlar
  • Ömür boyu erişim ve güncellemeler
  • CLI ile özel erişim
  • Öncelikli destek

Sık sorulanlar

Bloxa ücretsiz mi?

Evet. Tüm temel bileşenler MIT lisansıyla ücretsiz. Pro, hazır bloklar ve sayfa şablonlarını tek seferlik ödemeyle ekler.

Kodu mu kopyalıyorum, paket mi kuruyorum?

İkisi de olur. npx @bloxa/cli add ile bileşenleri repona kopyala ya da npm'den @bloxa/react'i kurup import et.

shadcn/ui ile çalışır mı?

Evet. Bloxa shadcn uyumlu bir registry; bileşenler shadcn CLI ile kurulur ve mevcutlarının yanına yerleşir.

Hangi framework'ler destekleniyor?

React 19 ve Tailwind CSS v4. Next.js birinci sınıf; Vite ve diğer React kurulumları da çalışır.

Erişilebilir mi?

Bileşenler klavye desteği, etiketler ve hareket azaltma desteğiyle Radix temelleri üzerine kurulu.

Bir sonraki arayüzünü Bloxa ile kur

Ücretsiz, açık ve bugün hazır.

Bileşenlere göz at
$ npx @bloxa/cli add button