Why I stopped using CSS Frameworks, Should you too?

Opinionated CSS Frameworks

Buttons in Bootstrap
Buttons in MaterialUI
The appearance of Input Box in Bootstrap
Similar default Appearance of Input Box in MaterialUI

Utility First CSS Frameworks

Custom CSS

Okay, I know these already, but what’s wrong with using Frameworks?

So Should I start writing CSS from scratch and ignore every CSS library that can help me?

  1. One Timer / Small Project: Projects without specific design requirements, or where designs are in agreement with Framework’s ideology or projects with short delivery timelines; I would recommend using opinionated Framework as it will accelerate development and will let you focus on business logic more than CSS management. However, it might add up to bundle size.
  2. Mid-level projects: Projects that are going to be in “Development and Release Loop” for a while i.e, there will be iterative changes, and the feedback from customers or end-users might affect the look & feel of the product in the upcoming iteration. I would suggest, it would be sensible to use utility first CSS libraries. These will accelerate your development and still keep the scope of the design schema extension intact. You can anytime sprinkle some custom-made CSS. Using Utility First CSS Libraries will even help you maintain guidelines for CSS as all collaborators/developers need not create CSS classes which will help to avoid CSS duplication or collision
  3. Big Projects/Long-term Projects: These are the projects where such a decision becomes crucial. Most of the projects that I deal with falls under this category. And I have seen many projects where these dependencies have slowed down the entire development process. If UI Designs and Schemas are by those of opinionated frameworks, and no major deviation is guaranteed then it’s safe to go ahead with the CSS framework approach. However, If designers are providing designs that are either not suitable for opinionated frameworks, or for projects where standardization can not be guaranteed from Product or Designer Teams. It’s safest to go ahead with the custom CSS approach. It will be comparatively hard to start such a project and the first observable milestone might take time to be achieved, but in long run, it will pay you off, as you won’t be bound by any framework limitation. But remember this freedom comes at the cost of extra efforts in maintaining the codebase and strictly following some standards that can avoid duplication of codes.

Wrapping Up




Leading Growth Projects in EdTech Startup

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Best solutions for Microsoft interview tasks. Day of Week.

Future-proofing with the RIP License

Utilizing the Elasticsearch Snapshot Module for Databackups on Azure blob Storage

Software Architecture

Create a project in Laravel 8.x with Laravel Sail (docker)

Twitter Outage and Support Feeds Integrated with CloudReady Internet Outage Monitoring

Maneki-Meow on Conflux Testnet

NSA Hardening Guide: How Can Fairwinds Insights Strengthen Your Authentication & Authorization…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Aditya Dixit

Aditya Dixit

Leading Growth Projects in EdTech Startup

More from Medium

HTML and CSS as a first step

Project 1 And A New CSS Framework

Screenshot of DaisyUI link HTML

CSS Box Model Explained

CSS Box model,Padding ,Margin,Borders,Content

First Blog Post