🇫 FrankUI

Component Library

Explore our massive suite of lightweight, responsive visual components. All components are built from scratch using pure CSS and Vanilla JS. Zero external dependencies.

💎 Premium Extensions (Paywalled Store)

🗂️

File Manager Dashboard

A desktop-grade directory explorer workspace. Supports double-click folder navigation, breadcrumbs, folder creations, deletes, and drag-and-drop uploads.

Premium Store
🎬

Audio/Video Player

Stunning custom skins for HTML5 audio and video players. Includes progress track seek bar sliders, volume bars, and rotating disc covers.

Premium Store
📁

File Tree Explorer

Asynchronous on-demand folder loading structure. Fetches nested directories from PHP endpoints dynamically and returns full path payloads.

Premium Store
🏁

QR Code Generator

100% dependency-free mathematical QR matrix compiler. Renders vector-scaled blocks on HTML5 canvases dynamically in real-time.

Premium Store

📐 Layout & Shell

↔️

Splitter

Advanced multi-panel responsive layout splitter. Supports horizontal/vertical nested drag-resizing grid columns.

🖼️

Window

Draggable, resizable OS-style windows complete with minimize, maximize, and taskbar integration actions.

📑

Tabs

Flexible tab navigation views supporting bottom borders, cards, custom layouts, and tab alignment rules.

🔲

Grid

Modern 12-column responsive flex grid layouts supporting custom responsive breakpoints and gaps offsets.

✍️ Forms & Input Fields

📝

Forms

Beautiful, themeable form control elements. Supports declarative prepend/append text blocks and click-to-clear input overlays.

📅

DatePicker

Dynamic dropdown date picker grids supporting custom range highlights and header month-year navigations.

🔢

Input Mask

Form formatting mask fields enforcing standard inputs (IP addresses, credit cards, dates, and currency values) on keystrokes.

📎

File Input

Drag-and-drop single or multiple file upload input areas with file lists and progress counters.

💡 Widgets & Feedback

🎠

Carousel

Sliding content banner. Supports left/right action buttons, bottom pagination dots, and interval automatic slide durations.

Loaders & Skeletons

Visual wait states. Includes smooth rotating spinners and modern shimmer skeleton blocks for content placeholders.

📈

Progress Bars

Progress tracks displaying loading states. Supports status percentages and striped animated loading loops.

Rating

Interactive review stars supporting hover highlights, click states, and visual read-only configurations.