A modern CSS Framework for streamlined web development.
Build Awesome User Interfaces
Workshop provides responsive, accessible-minded, pre-built CSS components and utilities that can be integrated with any front-end development framework to catapult your next idea.
Take a look at the Workshop UI docs
Code with Angular?
Be sure to check out Workshop UI's Angular Component Library:
NG-Workshop
Current Version: 1.0.0-Beta.5
Add the Workshop UI min.css CDN inside your html <head>
tags.
Example:
<link rel="stylesheet" href="https://softheonworkshop.azureedge.net/beta-5/workshop.blue.min.css">
Default (Blue) Theme:
https://softheonworkshop.azureedge.net/beta-5/workshop.blue.min.css
Dark Theme:
https://softheonworkshop.azureedge.net/beta-5/workshop.dark.min.css
More themes available here.
A plethora of Workshop UI component examples utilize FontAwesome's SVG & JS Framework, an icon set and toolkit. We recommend you include their CDN with your project as well.
Example:
<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy" crossorigin="anonymous"></script>