Arek UI - React
Components
Accordion
✓
Alert
✓
Avatar
✓
Badge
✓
Button
✓
Calendar
✓
Card
✓
Checkbox
✓
Collapsible
✓
Combobox
✓
Context Menu
✓
Date Picker
✓
Dialog
✓
Drawer
✓
Form
✓
Hightlight
✓
Hover Card
✓
Icon Button
✓
Input
✓
Input Group
✓
Menu
✓
Pagination
✓
Popover
✓
Progress
✓
Radio Group
✓
Scroll Area
✓
Select
✓
Separator
✓
Skeleton
✓
Slider
✓
Spinner
✓
Switch
✓
Table
✓
Tabs
✓
Tags Input
✓
Textarea
✓
Toast
✓
Toggle Group
✓
Tooltip
✓
Tree View
✓
accordions:
Show demo code
Show code
Single
React
React is a JavaScript library for building user interfaces.
Solid
Solid is a JavaScript library for building user interfaces.
Vue
Vue is a JavaScript library for building user interfaces.
Collapsible
React
React is a JavaScript library for building user interfaces.
Solid
Solid is a JavaScript library for building user interfaces.
Vue
Vue is a JavaScript library for building user interfaces.
Disabled
React
React is a JavaScript library for building user interfaces.
disabled
disabled is a JavaScript library for building user interfaces.
Vue
Vue is a JavaScript library for building user interfaces.
alerts:
Show demo code
Show code
Basic Alert!
You can add components and dependencies to your app using the cli.
Error Alert!
You can add components and dependencies to your app using the cli.
Basic Alert! - no icon
You can add components and dependencies to your app using the cli.
avatars:
Show demo code
Show code
Normal
CN
Placeholder
CN
Fallback icon
badges:
Show demo code
Show code
Default
Secondary
Outline
Destructive
buttons:
Show demo code
Show code
Primary
Secondary
Ghost
Destructive
Link
Outline
Login with Email
Please wait
calendars:
Show demo code
Show code
Shadcn calendar
August 2025
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
Standalone datepicker
August 2025
M
T
W
T
F
S
S
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
August 2025
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
August 2025
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
cards:
Show demo code
Show code
Create project
Deploy your new project in one-click.
Multiple select
select a framework
Frameworks
React
✓
Solid
✓
Vue
✓
Svelte
✓
Cancel
Deploy
checkboxes:
Show demo code
Show code
Checkbox
Indeterminate checkbox
Invalid checkbox
Disabled checkbox
Custom checked icon
Custom indeterminate icon
collapsibles:
Show demo code
Show code
Can I use this in my project?
Yes. Free to use for personal and commercial projects. No attribution required.
comboboxes:
Show demo code
Show code
Single combobox
Frameworks
React
✓
Solid
✓
Vue
✓
Svelte