Welcome to Flow CSS

Welcome to Flow CSS, a modern and versatile framework designed to streamline your web development process. With its intuitive structure and powerful features, Flow CSS empowers developers to create stunning and responsive websites with ease.

Getting Started:

Get started by including flow's production-ready CSS and JavaScript via CDN without the need for any build steps.

  1. 1. Installation: Simply include the Flow CSS stylesheet in your HTML document, and you're ready to start using the framework.

                    
    <!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <!-- flow style.css file -->
        <link rel="stylesheet" href="https://hayyanshaikh.github.io/flow-css/static/flow.min.css"/>
        <title>flow demo</title>
      </head>
      <body>
        <h1>Hello, world!</h1>
    
        <!-- flow script.js file -->
        <script src="https://hayyanshaikh.github.io/flow-css/static/jquery.js"></script>
        <script src="https://hayyanshaikh.github.io/flow-css/static/flow.min.js"></script>
      </body>
    </html>
                    
                  
  2. 2. Documentation: Explore our comprehensive documentation to learn about Flow CSS's features, components, and best practices for implementation.

  3. 3. Community Support: Join our thriving community of developers to exchange ideas, seek help, and stay updated on the latest developments in Flow CSS.

Download Flow CSS

Ready to supercharge your web development projects with Flow CSS? Get started by downloading the framework today!

How to Download:
  • 1. Download the Package: Click on the link to download the framework.

  • 2. Include in Your Project: Once downloaded, extract the contents of the package and include the style.css, jquery.js, and script.js files in your HTML document.

                    
    <!-- flow css files -->         
    <link rel="stylesheet" href="./static/flow.min.css"/>
    
    <!-- flow js files -->         
    <script src="./static/jquery.js"></script>
    <script src="./static/flow.min.js"></script>
                    
                  
  • 3. Start Building: You're all set! Begin building responsive and visually appealing websites with Flow CSS's intuitive features and components.