TEK-UI
T-Ecosystem'in kurumsal tasarım sistemi ve component kütüphanesi. Radix UI primitives ve Tailwind CSS v4 mimarisi.
Radix Primitives
Tüm bileşenler erişilebilirlik (a11y) standartlarına tam uyumlu, headless Radix UI temelleri üzerine inşa edildi.
Tailwind CSS v4
shadcn/ui yaklaşımıyla, stil kodlarının projeye import edilmesi yerine doğrudan konfigüre edilebilir utilities (cn) mimarisi.
Glassmorphism
T-Ecosystem'in imza niteliğindeki "backdrop-blur" ve yarı saydam glass yüzey dokusu.
Design Tokens
Genel Bakış
tek-ui, repository içinde GT-UI: Retro-Industrial Glass OS adıyla geliştirilen React component library’dir. T-Ecosystem projelerinde tekrar eden arayüz parçalarını; tema, erişilebilirlik ve etkileşim davranışlarıyla birlikte ortak bir pakette toplamayı amaçlar.
Tasarım Sistemi
- Temalar: Default, LCARS, Aperture, TVA, eDEX, Vitruvian, JazzNoir, Archer ve Cyber.
- Varyantlar: Solid, outline, ghost, glass ve neon görsel varyantları.
- Provider katmanı:
GTProviderile tema, ses efektleri ve CRT overlay ayarları. - Bileşen grupları: Layout, form, navigation, feedback, overlay, data display ve chart bileşenleri.
- Premium FUI: VitalsMonitor, HexagonGrid, Commlink, ThemeBuilder ve CommandCenter gibi özel bileşenler.
Kullanım
Paket metadata’sı @alazndy/gt-ui adını ve dist çıktısını tanımlar. README’deki temel kullanım:
pnpm add @alazndy/gt-ui
import "@alazndy/gt-ui/dist/gt-ui.css";
import { GTProvider } from "@alazndy/gt-ui";
<GTProvider defaultTheme="dark" soundEnabled crtOverlay>
<App />
</GTProvider>
Geliştirme
pnpm install
pnpm build
pnpm storybook
pnpm test
Storybook örnekleri component davranışlarını ve tema kombinasyonlarını incelemek için kullanılır. MIT lisans bilgisi repository package metadata’sında yer alır.
Durum
Stable. Paket build’i, type declaration üretimi, Storybook ve test komutları repository’de tanımlı; bileşen kapsamı ve entegrasyonlar geliştikçe genişletilmektedir.
Manuals & documentation
Photos & screenshots