tek-ui
T-Ecosystem için kurumsal tasarım sistemi ve component kütüphanesi. Radix UI primitives ve Tailwind CSS mimarisi.
Bileşen Kütüphanesi
Accessible primitives with zero runtime overhead, strictly typed TypeScript contracts, and responsive tokens.
Tasarım Tokenları
Unified colors, radii, elevation materials, and typography curves synchronizing across dark and light palettes.
NPM Paketi
Tree-shakeable exports published for internal apps, CLI tooling, and web dashboards.
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.
Teknik Kılavuzlar
Görseller ve Şemalar