Silicon is a stylesheet with no requirement for classes, a light and dark mode, responsive, but also has classes to allow for some minor customization. This allows anyone to have a website with a modern design that works on desktop, tablet or mobile device without having to worry about design decisions, but if you do want to be able to, you could.
Visit https://silicon-css.com for a live preview of silicon on a website.
Silicon is 12kb in size, making it a very fast css stylesheet to load, so it won't slow down your page when loading the resources.
- Standard version:
silicon.min.css - Dark theme only version:
silicon_dark.min.css - Light theme only version:
silicon_light.min.css
After downloading silicon, use this code snippet to use it:
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='silicon.min.css'/>
<!-- allows responsive design -->
<meta name='viewport' content='width=device-width, initial-scale=1.0'/>
</head>
</html>The standard (non-minified) version is also included with css variables at the top of the file to allow some core level customization to colours, border width and other things.
