Elements

Overview

Every FlyonUI v2 element, themed with Semji Core — each with a live preview, HTML / React / Next.js code and a copy-ready prompt.

Content

7

Blockquote

5 examples

Divider

14 examples

keyboard

8 examples

Link

8 examples

List

10 examples

Mask

20 examples

Typography

8 examples

Components

24

Accordion

17 examples

Alert

10 examples

Avatar

13 examples

Badge

16 examples

Button

21 examples

Card

22 examples

Carousel

18 examples

Chat Bubble

8 examples

Collapse

7 examples

Diff

3 examples

Indicator

12 examples

List Group

20 examples

Loading

10 examples

Progress

19 examples

Radial progress

7 examples

Remove element

5 examples

Skeleton

6 examples

Stack

14 examples

Stat

9 examples

Status

7 examples

Swap

8 examples

Theme Controller

10 examples

Timeline

21 examples

Tree View

8 examples

Overlays

6

Context Menu

1 example

Drawer (Offcanvas)

9 examples

Dropdown

35 examples

Modal

30 examples

Popover

9 examples

Tooltip

9 examples

Forms

10

Checkbox

18 examples

File input

12 examples

Filter

2 examples

Input

25 examples

Join (Group Items)

7 examples

Radio

24 examples

Range

7 examples

Select

15 examples

Switch

19 examples

Textarea

14 examples

Advanced forms

9

Advanced select

31 examples

Combo Box

16 examples

Copy Markup

7 examples

Form wizard

2 examples

Input Number

15 examples

Pin Input

14 examples

Strong Password

9 examples

Toggle Count

6 examples

Toggle Password

11 examples

Tables

1

Table

19 examples

Mockups

4

Browser

3 examples

Code

6 examples

Phone

2 examples

Window

3 examples

Third-party plugins

15

Advance Range Slider

27 examples

Animation

6 examples

Charts

19 examples

Copy To Clipboard

9 examples

Data Maps

2 examples

Datatables

15 examples

Drag & Drop

10 examples

WYSIWYG Editor

3 examples

File Upload

8 examples

DatePicker

15 examples

Form Validation

1 example

Calendar

3 examples

Notyf (Toasts)

4 examples

Rating

13 examples

Wave Effect

8 examples