Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
GET NGSTARTER

Panel

Introducing Panel, the ultimate component designed to bring structure, style, and flexibility to your applications. With a dedicated header, body, and footer, it provides a seamless way to organize content while maintaining a sleek and modern aesthetic.

Key features:
  • βœ… Modular & Intuitive – Easily configure and customize each section to fit your design.
  • 🎨 3 + Tailwind Ready – A perfect blend of Design principles with Tailwind’s flexibility.
  • ⚑ Seamless Integration – Works effortlessly with components for a consistent UI experience.
  • πŸ›  Highly Customizable – Add actions, icons, and interactive elements with ease.

Whether you're building dashboards, admin panels, or interactive UIs, Panel is your go-to solution for structured and elegant content presentation.

πŸ‘‰ Try it now and give your Angular apps the polished, professional look they deserve! πŸš€

Basic panel

Header
Body
Footer

Basic with extra columns (sidebar and aside)

Header
Sidebar
Body
Aside
Footer

API Reference

ngs-panel - main component.

ngs-panel-header - header panel component.

ngs-panel-sidebar - sidebar panel component.

ngs-panel-content - contains content of a panel.

ngs-panel-aside - aside panel component.

ngs-panel-footer - footer panel component.