Zero dependency CDN-first Web Components 8 tema

Framework’siz UI.
Production-ready.

TalasUI; npm’siz, build’siz, framework-agnostic Web Components kütüphanesidir. Form’dan Kanban’a, Scheduler’dan Spreadsheet’e — tek CDN ile.

Hızlı başlangıç

Design System Studio

WhatsApp örneği

80+Bileşen

0Runtime bağımlılık

8Hazır tema

1ES module

Canlı önizleme

Primary

Secondary

Outline

Danger

Hesap CDN ile anında çalışır

Onay

Live

Web Component

Neden TalasUI?

React / Vue zorunluluğu yok. Design system token’ları, pro widget’lar ve CDN kurulumu aynı pakette.

⚡

Sıfır kurulum sürtünmesi

İki CSS + bir ES module. npm, bundler veya framework şart değil. Tek HTML dosyasında production UI.

🎨

Design tokens + Studio

Spacing, radius, typography, elevation. Canlı Design System Studio ile tema üret, CSS export et.

📦

Pro widget seti

Kanban, Scheduler, Gantt, Spreadsheet, Chat, File Manager, Org Chart — form bileşenleriyle aynı dil.

🔗

DataSource + MVVM

Filter, sort, page, aggregate. tls-model / tls-for ile reaktif bağlama.

📱

Mobil bileşenler

Tab bar, mobile header, action sheet, swipe item, bottom sheet — native hissettiren mobil UI.

🛡

Shadow DOM

Stil sızıntısı yok. Tema değişkenleri (--talas-*) ile kontrollü görünüm.

30 saniyede kur

CDN’den bağla, talas-* etiketlerini kullan. Build adımı yok.

<!-- themes + base -->
<link rel="stylesheet" href="https://talasui.pages.dev/src/css/themes.css" />
<link rel="stylesheet" href="https://talasui.pages.dev/src/css/base.css" />

<talas-textbox placeholder="Adınız"></talas-textbox>
<talas-button variant="primary">Kaydet</talas-button>

<script type="module">
  import { TalasUI } from 'https://talasui.pages.dev/src/js/index.js';
</script>