Boxed layout options
Boxed layout
Boxed layout backgrounds
Color schemes

More color schemes will be available soon!

Modal windows

Thanks to the solid modular Fides Admin arhitecture, modal windows customizations are very flexible and easy to apply.

Icons All icons across the Fides Admin Framework use FontAwesome icons.

t

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.

Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.

Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.

Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.

Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque

Dropdown menus

This menu type can be used in pages, not just popovers.

Dashboard Widgets Tables Charts Buttons Panels
Dashboard menu
Dashboard Widgets Tables Charts Buttons Panels
8
Boxed layout options
Boxed layout
Boxed backgrounds
Color schemes

More color schemes will be available soon!

View all
4
  • Important message
    3 hr ago
    This message must be read immediately because of it's high importance...
  • Some random email
    3 hr ago
    This message must be read immediately because of it's high importance...
  • Another received message
    3 hr ago
    This message must be read immediately because of it's high importance...
  • Important message
    3 hr ago
    This message must be read immediately because of it's high importance...
  • Some random email
    3 hr ago
    This message must be read immediately because of it's high importance...
  • Another received message
    3 hr ago
    This message must be read immediately because of it's high importance...
All messages
9
  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • A success message example.
    2 hours ago
  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate notification styling.
    2 hours ago
View all notifications
2

Typography Beside the standard typography options that any app must have, you can also create custom elements using the included core helper classes.

Heading H4 with icon This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.

Heading H5 with icon This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.

Heading H4 with custom style This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.

Heading H4 with custom style This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.



Heading H4 with custom style This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.
Heading H4 with custom style This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.
Heading H4 with custom style This is an example description for the heading with icon. You can use the color helper classes to style any way you want both the actual heading and the icon.


Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6


Heading H1 Lorem ipsum dolor sic amet

Heading H2 Lorem ipsum dolor sic amet

Heading H3 Lorem ipsum dolor sic amet

Heading H4 Lorem ipsum dolor sic amet

Heading H5 Lorem ipsum dolor sic amet
Heading H6 Lorem ipsum dolor sic amet