Introduction
Component framework สำหรับสร้างหน้าเว็บนักลงทุนสัมพันธ์ (IR) ออกแบบมาให้ทำงานร่วมกับ AI ได้
StackUI ไม่ใช่ component library ทั่วไป แต่เป็นระบบที่ช่วยให้ทีม webdesign สร้างหน้าเว็บ IR ได้เร็วขึ้นจาก 5 วัน เหลือ 2-3 วัน โดยใช้ component ที่ออกแบบมาสำหรับงาน IR โดยเฉพาะ ร่วมกับ AI ในการประกอบหน้าเว็บอัตโนมัติ
Features
- 8 components, 15 variations ครอบคลุมหน้า IR ทั้งหมด
- Brand Preset System — เปลี่ยน branding ทั้งเว็บจากไฟล์เดียว
- AI-ready — มี meta.json + prompt templates พร้อมใช้
- Bootstrap 5.3 base — ใช้ grid system ที่คุ้นเคย
- CSS Custom Properties — theming ง่าย ขึ้นต้นด้วย
--stk- - Responsive — รองรับทุกขนาดหน้าจอ
Quick Start
<head> <!-- Bootstrap --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"> <!-- StackUI --> <link rel="stylesheet" href="https://stackui-cdn.intern-studio.com/v1.0.0/stackui.min.css"> <!-- Brand Preset --> <link rel="stylesheet" href="https://stackui-cdn.intern-studio.com/brand-presets/default.css"></head>Components
| Component | Variations | ใช้กับหน้า |
|---|---|---|
| Hero | full-image, split, minimal | ทุกหน้า |
| Timeline | horizontal, vertical | ประวัติองค์กร |
| Stat Counter | grid, dark | financial highlights |
| Board Members | grid, detail | คณะกรรมการ |
| Card Grid | image, icon | ข่าวสาร, CSR |
| Data Table | default | งบการเงิน |
| Content Block | default, with-image | governance |
| Download Section | default | เอกสารดาวน์โหลด |