iotaCSS – A CSS Framework that lets you code any design

over 4 years ago from , Front-end Developer & Designer

My good friend Dimitris just released an open source CSS framework that is so modular and flexible that anyone can use. Its design agnostic approach lets you code any kind of design complex or not. It is Sass and BEM based with native flexbox and rtl support.

Take a look: www.iotacss.com

Read more: https://medium.com/iotacss/introducing-iotacss-c2d29d5ff893


  • Gregarious Narain, over 4 years ago

    Dimitis is passionate about CSS, almost too passionate :) . He's been working on and refining this for years and I'm proud to see it out in the open for others to benefit from it!

    4 points
  • Ian WilliamsIan Williams, over 4 years ago

    Can vouch for Dimitris :)

    4 points
  • Martin JerkovicMartin Jerkovic, over 4 years ago

    Finally official launch! I appreciate a lot the article that shows the power of this.

    3 points
  • Nik SytnikNik Sytnik, over 4 years ago

    Looks great!

    This framework would fit very well in my workflow. I have my own framework which is similar to this one, but much smaller.

    Here it seems that you can use individual modules without having to include the whole thing. Exactly what I need!

    2 points
    • Dimitris Psaropoulos, over 4 years ago

      Glad you like it!

      Exactly, all the modules are completely independent to each other and you individually install only the things you need.

      If you need any help, feel free to tweet me at @harbyme :-)

      0 points
  • Cihad TurhanCihad Turhan, over 4 years ago

    This is awesome! Although I feel like it has a steep learning curve, it would be very fast to produce fast and clean css once you learned it.

    1 point
    • Andrew Kordampalos, over 4 years ago

      That's the point of this framework, isn't for quick and dirty projects. It's designed for proper small/large scalable applications.

      0 points
  • Colm TuiteColm Tuite, over 4 years ago

    Where are all the people complaining about the multi-class approach?

    1 point
  • Marek SuscakMarek Suscak, over 4 years ago

    Aw, nice. Been waiting for the official launch for so long. Now I can't wait till you launch the casts. Keep up the good work my friend.

    1 point
  • Mario S, over 4 years ago

    hint: quickest way to reach iotaCSS page is to click on www.harby.me link then click on first project.

    or here: www.iotacss.com

    1 point
  • Jonathan Boyer, over 4 years ago

    I'm trying it but noticed some errors on the documentation and couldn't figure out a way to make changes to it (for instance https://www.iotacss.com/docs/objects/container/ the npm install command is wrong)

    Also you could replace you <node_modules>/iotacss-objs-container/../.... by ~iotacss-objs-container/../..

    I'll dive deeper into it, but one thing that bother me is the need to install every module needed. Is there a way to install everything with one dependency iota-all? (It would be usefull for people that doesn't care about node_modules directory size :) )

    0 points
    • Dimitris Psaropoulos, over 4 years ago

      Hi Jonathan,

      Thanks for finding the typo, I fixed it!

      Regarding your questions about the way to install everything at once, it defeats the purpose of the framework :D but I am trying to create something that will keep a balance. I will let you know!

      0 points