◆ Freedom Core cdn GitHub → Components 📦

Overview

All components

 ⬛

button-fc

Versatile buttons

 ▣▣

button-group-fc

Toggle groups

 ⊞

panel-layout

Split pane system

 ◫

tabs-bar

Draggable tabs

 ●○○

window-controls

Tauri window buttons

 🎨

Base Styles

Colors, tokens

Welcome to Freedom Core

Vanilla UI components for full-viewport, no-scroll experiences. VS Code style, but more fun.

 Primary Ghost

button-fc

Versatile button component with variants (primary, secondary, danger, ghost, link), sizes, and loading states.

Demo → JS CSS One Two Three

button-group-fc

Toggle and multi-select button groups with connected styling and keyboard navigation.

Demo → JS CSS

panel-layout

Resizable split-pane layout with drag splitters, collapsible panels, and localStorage persistence.

Demo → JS CSS

tabs-bar

Chrome-style draggable tab bar with smooth reordering, overflow handling, and close animations.

Demo → JS CSS

window-controls

macOS-style window control buttons for Tauri apps, with drag regions and monitor switching.

Demo → JS CSS

Base Styles

Design tokens, color palette, and foundational CSS for consistent FC experiences.

Colors Tokens Base Quick Start Import Map <!-- Add to your HTML --> <link rel="stylesheet" href="https://cdn.freedomcore.app/ui/panel-layout/panel-layout.css" /> <!-- Initialize --> <script type="module">   import { initPanelLayout } from 'https://cdn.freedomcore.app/ui/panel-layout/index.js';   initPanelLayout(); </script> CDN Online 📦 5 components cdn.freedomcore.app