Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
  • Fixed Footer
    Makes the app footer bottom fixed, always visible!

Header Options

  • Choose Color Scheme

Sidebar Options

  • Choose Color Scheme

Main Content Options

  • Page Section Tabs
  • Light Color Schemes
Carousels & Slideshows
Create easy and beautiful slideshows with these React components.
Full width Slider
1
2
3
4
5
6
7
8
9
10
Multiple Items
1
2
3
4
5
6
7
8
9
10
Center Mode
1
2
3
4
5
6
7
8
9
10
Variable Width

100

200

75

300

225

175

Responsive
1
2
3
4
5
6
7
8
9
10
Inverted + Images

Perfect Balance

ArchitectUI is like a dream. Some think it's too good to be true! Extensive collection of unified React Boostrap Components and Elements.

Scalable, Modular, Consistent

Easily exclude the components you don't require. Lightweight, consistent Bootstrap based styles across all elements and components

Complex, but lightweight

We've included a lot of components that cover almost all use cases for any type of application.

Basic Bootstrap 4 Carousel
Carousel with Captions

Servers Status

Server Load 1

Server Load 2

Server Load 3

Live Statistics
43
Packages
65
Dropped
18
Invalid

File Transfers

  • TPSReport.docx
  • Latest_photos.zip
  • Annual Revenue.pdf
  • Analytics_GrowthReport.xls

Tasks in Progress

  • Wash the car
    Rejected
    Written by Bob
  • Task with hover dropdown menu
    By Johnny
    NEW
  • Badge on the right task
    This task has show on hover actions!
    Latest Task
  • Go grocery shopping
    A short description ...
  • Development Task
    Finish React ToDo List App
    69

Urgent Notifications

All Hands Meeting

Yet another one, at 15:00 PM

Build the production release
NEW

Something not important
+

This dot has an info state