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
Overview
tek-ui is the shared UI foundation for all projects in the T-Ecosystem. Rather than rebuilding components from scratch in each project, tek-ui provides a consistent, accessible, and themeable component set that can be consumed as a package.
Design Principles
- Accessibility first — All interactive components are built on Radix UI primitives, which handle focus management, keyboard navigation, and ARIA attributes out of the box.
- Composable — Components are small and composable rather than large and opinionated. A
Buttonis aButton; complex patterns are assembled from primitives. - Themeable — The design token system uses CSS custom properties, making dark/light mode and brand-specific themes trivial to implement.
Component Categories
- Layout — Container, Grid, Stack, Divider
- Inputs — Button, Input, Select, Checkbox, Switch, Slider
- Feedback — Toast, Alert, Badge, Progress
- Overlay — Modal, Drawer, Tooltip, Popover, DropdownMenu
- Data Display — Table, Card, Avatar, Stat
- Navigation — Tabs, Breadcrumb, Pagination
Tooling
Components are developed and documented in Storybook. The library is distributed via pnpm workspaces, with each consuming project importing directly from source for zero-bundle overhead.
Status
Stable. Used in production across ENV-I and other active projects.