logo image
  • Overview

    • View all components
    • Install required things
  • Common UI

    • App Logo
    • Avatar
    • Button
    • Badge
    • Typography

    • Forms

    • Notification
    • Modal
    • Card
    • Breadcrumb
    • Pagination
    • Top Progress Bar
    • Table
    • Item Grid
    • Youtube Video
  • Features UI

    • Live chat button
  • Sections

    • Hero Banner
    • FAQs
  • Layouts

    • common

    • TopBar Layout
    • SideBar Layout
  1. Home
  2. Components
  3. Layouts

Layouts UIs

Building consistent and responsive layouts is essential for any modern web project. This collection of layout components, built with Tailwind CSS for Next.js and React.js, provides reusable building blocks like Container, Section Spacer, TopBar, SideBar, and Footer.

Use them to speed up your development process and ensure a clean, cohesive design across all your pages.


1. Common

  • section spacer componentView details for Section Spacer

    Section Spacer

  • container componentView details for Container

    Container

  • top bar navigation componentView details for Top Bar Navigation

    Top Bar Navigation

  • side bar navigation componentView details for Side Bar Navigation

    Side Bar Navigation

2. Useful Layouts

  • top bar layout componentView details for Top Bar Layout

    Top Bar Layout

  • side bar layout componentView details for Side Bar Layout

    Side Bar Layout

On this page

  1. 1. Common

  2. 2. Useful Layouts