Everytime I start a new project (i.e. weekly) I go looking for a clean and beautiful html template. It's always sooo hard to find some. What's your go-to for clean html template?
These three are "classless" CSS frameworks:<p><a href="https://newcss.net/" rel="nofollow">https://newcss.net/</a><p><a href="https://uglyduck.ca/typesafe-css/" rel="nofollow">https://uglyduck.ca/typesafe-css/</a><p><a href="https://oxal.org/projects/sakura/" rel="nofollow">https://oxal.org/projects/sakura/</a>
I always end up back at bootstrap, and eventually am pretty happy with it... ¯\_(ツ)_/¯<p><a href="https://getbootstrap.com/" rel="nofollow">https://getbootstrap.com/</a>
I recently did an extensive test of many, many HTML templates.<p>The key thing I looked for was when the templates had been created and how often/how recently it had been updated - sites like Envato are loaded to the brim with old no-longer-updated templates.<p>I tested by loading them on the iPhone 6.<p>In almost every single case, the layout instantly broke, OR the side menu didn't work, OR the side menu felt "sticky" and would not smooth scroll, OR sliding the side menu scrolled the underlying page as well.<p>That was 90% of the templates or more - the quality level in general is terrible.<p>The ones we chose were from <a href="https://bootlab.io/themes" rel="nofollow">https://bootlab.io/themes</a> - very nice quality.
I struggled with this a lot, and was never satisfied, until I spent a few weeks doing CSS & flexbox lessons from Lynda.com (free from my library).<p>Now I can get mostly where I want to go without frameworks and it is very empowering. It's just another language, it's not that tough.
Ive used <a href="http://getskeleton.com/" rel="nofollow">http://getskeleton.com/</a> for a number of projects, its simple enough to get me 80% of the way there without a bunch of excess.
Everyone's definition of 'clean' will vary, but when I think 'clean' I'm also thinking clean code. Some of the examples of clean templates given in the comments here pull down 2MB over the wire, ~500k-1MB of which is frequently JS, and that's before I've written a single line of custom functionality myself. For reference, React + react-dom is ~35kb gzipped.<p>Does anyone have any examples of templates that focus on clean, lean code as well as final layout? I'm thinking framework-agnostic low-to-no JS, coupled with something that doesn't use thousands of lines of CSS for a homepage layout.
A lot of these comments are suggesting CSS frameworks. If you're looking for built-out templates, <a href="https://html5up.net/" rel="nofollow">https://html5up.net/</a> provides decent ones.
I made just such a template for myself recently. Sort of Medium-ish, single column; option for full width/bleed image: <a href="https://birddive.com/blog.2020-11-8.repurposable-templates.html" rel="nofollow">https://birddive.com/blog.2020-11-8.repurposable-templates.h...</a>
Because I like the look, I typically end up "butchering" tabler[1]. Have used it on a few projects now.<p>[1] <a href="https://preview.tabler.io/" rel="nofollow">https://preview.tabler.io/</a>
I found these to be clean and easy to use. I converted the templates to React components without issue, but now they offer that too.<p><a href="https://cruip.com/" rel="nofollow">https://cruip.com/</a>
I'm surprised that no one has mentioned awsm.css yet: <a href="https://igoradamenko.github.io/awsm.css/" rel="nofollow">https://igoradamenko.github.io/awsm.css/</a>
Stackbit has nice templates which can be used for a variety of static site generators: <a href="https://www.stackbit.com" rel="nofollow">https://www.stackbit.com</a>
List of free tools and resources to create UIs: <a href="https://dev.to/davidepacilio/50-free-tools-and-resources-to-create-awesome-user-interfaces-1c1b" rel="nofollow">https://dev.to/davidepacilio/50-free-tools-and-resources-to-...</a><p>Templates: <a href="https://cruip.com/" rel="nofollow">https://cruip.com/</a>
I resorted to buying a WordPress template and tearing out the PHP. the Jekyll community had a bunch of Jekyll templates back in the day, but they seemed a bit minimal and primitive for my needs today. then again, that could be what you want, depending on the definition of "beautiful and clean."
I like browsing Wordpress theme libraries then cloning design elements I like in plain HTML/CSS myself.<p>It's not quite the same as starting with an out-of-the-box template but it can help save a lot of design time to get inspiration.
I have also had this problem. One of the css frameworks that I have enjoyed using is <a href="https://semantic-ui.com" rel="nofollow">https://semantic-ui.com</a>.
I enjoyed working with MVP.css (<a href="https://andybrewer.github.io/mvp/" rel="nofollow">https://andybrewer.github.io/mvp/</a>) recently.
Are you looking for a CSS framework? Here are some:<p><a href="https://github.com/troxler/awesome-css-frameworks" rel="nofollow">https://github.com/troxler/awesome-css-frameworks</a>