Tabs Collection

Component

언더라인, 필, 박스, 수직 탭 등

탭UI언더라인 탭필 탭박스 탭 (코드 에디터 스타일)수직 탭인터랙티브 탭 전환

Tabs Components

Underline Tabs

Project Overview

This project is a comprehensive design system built for modern web applications. It includes a full suite of UI components, utility classes, and layout patterns that help teams build consistent, accessible interfaces at scale.

128

Components

Templates

Page Layouts

Pill Tabs

Welcome to your dashboard home. Here you can see an overview of all your recent activity, quick stats, and shortcuts to common actions.

Boxed Tabs (Code Editor Style)

<div class="container">
  <h1>Hello World</h1>
  <p>Welcome to my page.</p>
</div>

Vertical Tabs

👤 Profile

Update your personal information, profile picture, and bio. Your profile is visible to all team members.