--- title: What should a modern CSS boilerplate look like? | daily.dev description: A CSS boilerplate is a set of unoriginal and unspecific CSS rules designed for inherent use in web projects. Using one can help you get your CSS up and running... canonical: https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: What should a modern CSS boilerplate look like? | daily.dev og:description: A CSS boilerplate is a set of unoriginal and unspecific CSS rules designed for inherent use in web projects. Using one can help you get your CSS up and running... og:url: https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz og:image: https://api.daily.dev/og/posts/qm7bBk4Sz.png og:image:alt: What should a modern CSS boilerplate look like? og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # What should a modern CSS boilerplate look like? **[LogRocket](https://daily.dev/sources/logrocket)** · 9 min read · 19 upvotes · 1 comments ## Summary A CSS boilerplate is a set of unoriginal and unspecific CSS rules designed for inherent use in web projects. Using one can help you get your CSS up and running in seconds. The problem with popular CSS boilerplates is that they tend to be overzealous. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@lukejans** · 0 upvotes > This is a good one! I can now confidently remove my posted articles on out dated css resets. Great article! --- Tags: [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html), [#browsers](https://daily.dev/tags/browsers) [View this post on daily.dev](https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"What should a modern CSS boilerplate look like?","url":"https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz"},"datePublished":"2022-11-24T17:07:03.578Z","dateModified":"2022-11-24T17:07:03.498Z","description":"A CSS boilerplate is a set of unoriginal and unspecific CSS rules designed for inherent use in web projects. Using one can help you get your CSS up and running...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2db6f78a436daeef8064ea24abc8f2e8","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2db6f78a436daeef8064ea24abc8f2e8","isAccessibleForFree":true,"articleSection":"LogRocket","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"LogRocket","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/logrocket","url":"https://daily.dev/sources/logrocket"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":19},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"css,html,browsers","timeRequired":"PT9M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":3,"name":"What should a modern CSS boilerplate look like?"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/what-should-a-modern-css-boilerplate-look-like--qm7bbk4sz","comment":[{"@type":"Comment","text":"This is a good one! I can now confidently remove my posted articles on out dated css resets. Great article!","datePublished":"2022-11-28T20:32:58.032Z","url":"https://daily.dev/posts/qm7bBk4Sz#c-2lSm0CPan","author":{"@type":"Person","name":"Luke Janssen","url":"https://daily.dev/lukejans","image":"https://media.daily.dev/image/upload/s--Nw82do-c--/f_auto/v1756863484/avatars/avatar_mb3lgNFUGOF15CUxBZZS8?_a=BAMClqZW0"}}]} ```