ตัวอย่างการใช้งาน

เรียนรู้จาก
ตัวอย่างจริง

สำรวจตัวอย่างการใช้งาน Now.js Framework ที่หลากหลาย
จากพื้นฐานไปจนถึงขั้นสูง พร้อม Source Code ให้ศึกษา

UI Components ฟอร์ม & Input แสดงข้อมูล Interactive Navigation แอปพลิเคชัน

UI Components
ส่วนประกอบพื้นฐาน

ส่วนประกอบ UI ที่จำเป็นสำหรับสร้างแอปพลิเคชันสมัยใหม่

Essential

Button Gallery

รูปแบบปุ่มครบถ้วน ทั้ง primary, outline, gradient, social media และ button groups

Buttons Styling
ดูตัวอย่าง
Popular

Modal Component

โมดอลแบบ dynamic, data binding, gallery mode และใช้งานโดยไม่ต้องเขียน JavaScript

Modal Dialog Lightbox
ดูตัวอย่าง
Essential

Tabs Component

แท็บแนวนอนและแนวตั้ง พร้อมการนำทางด้วยคีย์บอร์ดและ ARIA accessibility

Tabs Navigation Accessibility
ดูตัวอย่าง
Essential

Notification Manager

Toast notifications พร้อม auto-dismiss, progress bar, smart replacement และควบคุมตำแหน่ง

Toast Alert Notification
ดูตัวอย่าง
Reference

Typography

รูปแบบตัวอักษรครบถ้วน ทั้งหัวข้อ, สี, พื้นหลัง และ inline text elements

Typography Colors Styling
ดูตัวอย่าง

ฟอร์ม & Input
ส่วนประกอบการกรอกข้อมูล

ส่วนประกอบฟอร์มที่ทรงพลัง พร้อม validation, autocomplete และการจัดการ input ขั้นสูง

Essential

Form Validation

ฟอร์มพร้อม validation แสดงการใช้งาน Form Manager และ Validation Rules

Form Validation
ดูตัวอย่าง
Popular

File Upload

อัปโหลดไฟล์ครบครัน พร้อม preview, drag & drop, sorting และ validation

Upload Drag & Drop Preview
ดูตัวอย่าง
Interactive

Multi Select

Dropdown เลือกหลายรายการ พร้อมการนำทางด้วยคีย์บอร์ดและรองรับฟอร์ม

Select Multiple Dropdown
ดูตัวอย่าง
Advanced

Cascading Select

Dropdown แบบเชื่อมต่อ (จังหวัด → อำเภอ → ตำบล) พร้อมโหลดข้อมูลจาก API

Cascade Dependent Address
ดูตัวอย่าง
Advanced

Hierarchical Address

Autocomplete ที่อยู่ไทย พร้อมค้นหาย้อนกลับได้ทุกระดับลำดับชั้น

Autocomplete Hierarchy Address
ดูตัวอย่าง
Comprehensive

Text Elements

Input แบบต่างๆ ทั้ง email, URL, mask input, tags input และ autocomplete

Input Mask Tags Autocomplete
ดูตัวอย่าง

แสดงข้อมูล
Visualize Your Data

ส่วนประกอบสำหรับแสดงและจัดการข้อมูลอย่างมีประสิทธิภาพ

Popular

Data Table

ตารางข้อมูล แสดงการใช้งาน sorting, filtering, pagination และ CRUD

Table Sorting Pagination
ดูตัวอย่าง
Advanced UI

Calendar App

ปฏิทิน พร้อมการจัดการ event และนำทางวันที่

Calendar Events Date
ดูตัวอย่าง
Interactive

Sortable List

ลากวางเรียงลำดับ พร้อม kanban board, priority list และรองรับข้ามคอนเทนเนอร์

Drag & Drop Sortable Kanban
ดูตัวอย่าง

ตัวอย่าง Interactive
เรียนรู้พื้นฐาน

ตัวอย่าง interactive อย่างง่าย เพื่อทำความเข้าใจหลักการพื้นฐาน

Beginner

Counter App

แอปนับเลขอย่างง่าย แสดงการจัดการ State และ Event Handling

State Events
ดูตัวอย่าง
Popular

Todo List

รายการสิ่งที่ต้องทำ แสดงการใช้งาน List Rendering, Data Binding และ Local Storage

CRUD List Storage
ดูตัวอย่าง
Practical

API Integration

ดึงข้อมูลจาก API แสดงการใช้งาน HTTP Client และ Loading States

API Fetch Async
ดูตัวอย่าง

แอปพลิเคชันเต็มรูปแบบ
ตัวอย่างจริง

ตัวอย่างแอปพลิเคชันครบถ้วน แสดงฟีเจอร์ทั้งหมดของ framework

Featured

Admin Dashboard

แดชบอร์ดผู้ดูแลระบบ พร้อม charts, data tables และ UI components ต่างๆ

Dashboard Charts Admin
ดูตัวอย่าง
Enterprise

CRM System

ระบบจัดการลูกค้าสัมพันธ์ พร้อม kanban board, forms และ data visualization

CRM Kanban Business
ดูตัวอย่าง
Complete

School CMS

เว็บไซต์โรงเรียนครบถ้วน พร้อมข่าวสาร, gallery, contact form และ API integration

CMS Website API
ดูตัวอย่าง
E-commerce

Coffee Shop

แอป E-commerce พร้อม product catalog, ตะกร้าสินค้า และ checkout flow

E-commerce Cart Checkout
ดูตัวอย่าง
Real-time

Social Media App

แอปโซเชียลมีเดีย พร้อม infinite scroll, media upload และ real-time updates

Social Feed Real-time
ดูตัวอย่าง

พร้อมสร้างแอปของคุณเองแล้วหรือยัง?

ดาวน์โหลด Now.js และเริ่มสร้างแอปพลิเคชันที่น่าทึ่ง
ด้วยตัวอย่างและเอกสารที่ครบถ้วน

ดาวน์โหลดเลย ดูเอกสาร