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 Github
Popular

Modal Component

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

Modal Dialog Lightbox
View Demo Github
Essential

DialogManager

Powerful dialog system supporting Alert, Confirm, Prompt, and Custom Dialogs with draggable functionality

Dialog Alert Prompt Draggable
View Demo Github
Essential

Tabs Component

Horizontal and vertical tabs with keyboard navigation and full ARIA accessibility

Tabs Navigation Accessibility
View Demo Github
Essential

Notification Manager

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

Toast Alert Notification
View Demo Github
Reference

Typography

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

Typography Colors Styling
View Demo Github
Essential

Theme Manager

Theme management system with Light/Dark mode, API config, CSS variables, and smooth transitions

Theme Dark Mode CSS Variables
View Demo Github

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 Github
Popular

File Upload

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

Upload Drag & Drop Preview
View Demo Github
Interactive

Multi Select

Custom multiple selection dropdown with keyboard navigation and form integration

Select Multiple Dropdown
View Demo Github
Advanced

Cascading Select

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

Cascade Dependent Address
View Demo Github
Advanced

Hierarchical Address

Thai address autocomplete with reverse search capability across all hierarchy levels

Autocomplete Hierarchy Address
View Demo Github
Comprehensive

Text Elements

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

Input Mask Tags Autocomplete
View Demo Github

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 Github
Advanced UI

Calendar App

Calendar component with event management and date navigation

Calendar Events Date
View Demo Github
Interactive

Sortable List

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

Drag & Drop Sortable Kanban
View Demo Github

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 Github
Popular

Todo List

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

CRUD List Storage
View Demo Github
Interactive

Edit-in-Place

Edit text inline without opening forms or modals, with validation and AJAX support

Inline Edit Validation AJAX
View Demo Github
Practical

API Integration

Fetching data from API demonstrating HTTP Client and Loading States

API Fetch Async
View Demo Github

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 Github
Enterprise

CRM System

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

CRM Kanban Business
View Demo Github
Complete

School CMS

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

CMS Website API
View Demo Github
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
Integration

XLSX Browser

Excel file viewer example shows the use of other Javascript along with Now.js.

PHP + JS File Viewer ThemeManager
View Demo Github

Ready to Build Your Own App?

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

Download Now View Documentation