Examples

Learn from
Real Examples

Explore diverse Now.js Framework examples
From basics to advanced, with source code to study

UI Components Form & Input Data Display Interactive Navigation Applications

UI Components
Basic Building Blocks

Essential UI components for building modern web applications

Essential

Button Gallery

Comprehensive button styles including primary, outline, gradient, social media, and button groups

Buttons Styling
View Demo
Popular

Modal Component

Dynamic modals, data binding, gallery mode, and zero-JavaScript implementation

Modal Dialog Lightbox
View Demo
Essential

Tabs Component

Horizontal and vertical tabs with keyboard navigation and full ARIA accessibility

Tabs Navigation Accessibility
View Demo
Essential

Notification Manager

Toast notifications with auto-dismiss, progress bar, smart replacement, and position control

Toast Alert Notification
View Demo
Reference

Typography

Comprehensive typography styles including headings, colors, backgrounds, and inline text elements

Typography Colors Styling
View Demo

Form & Input
Data Entry Components

Powerful form components with validation, autocomplete, and advanced input handling

Essential

Form Validation

Form with validation demonstrating Form Manager and Validation Rules

Form Validation
View Demo
Popular

File Upload

Complete file upload with preview, drag & drop, sorting, and validation support

Upload Drag & Drop Preview
View Demo
Interactive

Multi Select

Custom multiple selection dropdown with keyboard navigation and form integration

Select Multiple Dropdown
View Demo
Advanced

Cascading Select

Dependent dropdown selection (Province → District → Subdistrict) with dynamic API loading

Cascade Dependent Address
View Demo
Advanced

Hierarchical Address

Thai address autocomplete with reverse search capability across all hierarchy levels

Autocomplete Hierarchy Address
View Demo
Comprehensive

Text Elements

Text input variations including email, URL, mask input, tags input, and autocomplete

Input Mask Tags Autocomplete
View Demo

Data Display
Visualize Your Data

Components for displaying and managing data effectively

Popular

Data Table

Data table demonstrating sorting, filtering, pagination, and CRUD operations

Table Sorting Pagination
View Demo
Advanced UI

Calendar App

Calendar component with event management and date navigation

Calendar Events Date
View Demo
Interactive

Sortable List

Drag and drop sorting with kanban board, priority list, and cross-container support

Drag & Drop Sortable Kanban
View Demo

Interactive Examples
Learn the Basics

Simple interactive examples to understand core concepts

Beginner

Counter App

Simple counter app demonstrating State Management and Event Handling

State Events
View Demo
Popular

Todo List

Todo list demonstrating List Rendering, Data Binding, and Local Storage

CRUD List Storage
View Demo
Practical

API Integration

Fetching data from API demonstrating HTTP Client and Loading States

API Fetch Async
View Demo

Full Applications
Real-World Examples

Complete application examples showcasing all framework features

Featured

Admin Dashboard

Admin dashboard with charts, data tables, and various UI components

Dashboard Charts Admin
View Demo
Enterprise

CRM System

Customer relationship management with kanban board, forms, and data visualization

CRM Kanban Business
View Demo
Complete

School CMS

Complete school website with news, gallery, contact form, and API integration

CMS Website API
View Demo
E-commerce

Coffee Shop

E-commerce style app with product catalog, shopping cart, and checkout flow

E-commerce Cart Checkout
View Demo
Real-time

Social Media App

Social media feed with infinite scroll, media upload, and real-time updates

Social Feed Real-time
View Demo

Ready to Build Your Own App?

Download Now.js and start building amazing applications
With comprehensive examples and documentation

Download Now View Documentation