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
Single
React is a JavaScript library for building user interfaces.
Solid is a JavaScript library for building user interfaces.
Vue is a JavaScript library for building user interfaces.
Collapsible
React is a JavaScript library for building user interfaces.
Solid is a JavaScript library for building user interfaces.
Vue is a JavaScript library for building user interfaces.
Disabled
React is a JavaScript library for building user interfaces.
disabled is a JavaScript library for building user interfaces.
Vue is a JavaScript library for building user interfaces.
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.
Frameworks
React
Solid
Vue
Svelte
Angular JS
Frameworks
React
Solid
Vue
Svelte
Angular JS
Frameworks
React
Solid
Vue
Svelte
Angular JS
Frameworks
React
Solid
Vue
Svelte
Angular JS
Frameworks
React
Solid
Vue
Svelte
Angular JS
Frameworks
React
Solid
Vue
Svelte
Angular JS
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
Jan | Feb | Mar | Apr |
May | Jun | Jul | Aug |
Sep | Oct | Nov | Dec |
2019 | 2020 | 2021 | 2022 |
2023 | 2024 | 2025 | 2026 |
2027 | 2028 | 2029 | 2030 |
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
highlight:
Default highlight "a"
abcde abc aaa
Default highlight "a" and "test"
abctestde abc atestaa test a
Custom highlight "a" and "test"
bcde bc
Case sensitive highlight "A"
abcteAstdAe aAbc ateAAstaa test A a
Content
@grizzly_codes
Staff Software Engineer working at vivenu GmbH
Joined Dezember 2011
Frameworks
React
Solid
Vue
Svelte
Frameworks
React
Solid
Vue
Svelte
Frameworks
React
Solid
Vue
Svelte
Frameworks
React
Solid
Svelte
Vue
Frameworks
React
Solid
Vue
Svelte
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| INV004 | Paid | Credit Card | $450.00 |
| INV005 | Paid | PayPal | $550.00 |
| INV006 | Pending | Bank Transfer | $200.00 |
| INV007 | Unpaid | Credit Card | $300.00 |
| Total | $2,500.00 | ||
Normal sm
Account
Make changes to your account here. Click save when you're done.
Password
Change your password here. After saving, you'll be logged out.
Normal md
Account
Make changes to your account here. Click save when you're done.
Password
Change your password here. After saving, you'll be logged out.
Normal lg
Account
Make changes to your account here. Click save when you're done.
Password
Change your password here. After saving, you'll be logged out.
Disabled
Know React? Check out Solid!
Know Solid? Check out Svelte!
Know Svelte? Check out Vue!
Know Vue? Check out React!
Custom Indicator
▷
Know React? Check out Solid!
Know Solid? Check out Svelte!
Know Svelte? Check out Vue!
Know Vue? Check out React!