Classically pre-designed CSS framework.

Get access to custom pre-written CSS code. designed to be responsive for multiple screen sizes, including animations and enhanced design effects.

Click buttons to toggle
Demo div Classlist

h-300px

w-300px

lg_h-400px

lg_w-400px

bdrs-circle

bg-red

bold

m-auto

card

bg-white

bg-yellow-90

bg-red-40

fs-1

col

row

right-in

anim_r-3

bx-sh-2-col

p-2

container

ep-eye

f-col

f-red

underline

I am Demo Div

How to Use

Copy Epic-styles script tag

This will get you a HTML script tag which must be added to the head tag of your HTML file without adding the defer attribute, copy tag below.

How to Work Offline

Dowload the Epic-styles package to your PC for offline coding, testing.
readme.md file in the compressed folder.

Download

Copy Epic-styles starter file

Copy this HTML starter file with the Epic-Styles script tag loaded up and style settings configured. This will get you access to the Epic-Styles CSS.

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title> Your Title Here </title>
  9. <!-- Get access to Epic-styles CSS files with this script -->
  10. <script src="https://epic-styles.github.io/epic.js"></script>
  12. <style>
  13. /* Reset your Primary Color Palette */
  14. :root {
  15. --col: brown; /* To aset your primary colour */
  16. }
  17. </style>
  19. </head>
  21. <body>
  22. <main id="app">
  23. <!-- Start writing HTML code here with Epic Styles -->
  24. </main>
  25. </body>
  26. <html>

Bring your styles to life

Make your designs come alive by adding hover effects, animations and intersection observers to your projects, copy your preffered style classes and add to your HTML element tags.

Enjoy epic color palette

Add spice to your page with this expertly crafted color palette, with suffix number values in multiples of 10 to control light intensity.

About

Hello you on the other side of the screen, I am Oluwafemi Tomilola a digital Entrepreneur skilled in Full stack engineering and Product designing.
Epic-styles is one of the projects I have been working on since year 2022, it is a custom designed pre-written CSS code which is availaible to you for free. It is designed to enable fast web development and prototype designing. It helps reduce the redundancy in CSS code writing. It follows the principle of DRY, by providing custom made classes for designing.. It also uses Ecma Script 6 to integrate animation and enhanced design features