Hot Page is a drag-and-drop website builder like no other, a code-positive open platform that spurns cookie-cutter templates. And in this era of AI-generated, lowest-common-denominator design, we are going artisanal and hand-crafted.
These days, boring design is cheaper and more prevalent than ever— it’s like the Bootstrap problem of 2015, but automated at unbelievable scale.
Hot Page is always doing things differently, encouraging originality and custom, made-to-fit styles. But that doesn’t mean that you have to write the code yourself. We are building up a library of pre-built page sections that you can grab, and crucially, easily modify to fit your own unique design.
The best part: you don’t even need to use Hot Page to use these snippets! Hot Page is just HTML and CSS so our snippets are portable to anywhere.
See Our Code LibraryHero Sections
The above-the-fold content on your home page may be the only split second you get to pitch a reader poised to bounce to the next thing. You’d better make it count with an eye-catching design.
Well these hero sections are awesome and definitely fit the bill. Props to Hot Page’s design wunderkind Carlos FAS for his work on all of these designs.
Fleurons
Fleurons are like typographic frosting. For the uninitiated: these small drawings and symbols can be added between sections of text, breaking up walls of paragraphs and breathing life into pages. Using these tiny flourishes for your text continues a tradition as old as printing itself.
Fonts
From day one, you could always use fonts on Hot Page but you had to host them yourself. Now we’ve got 2,000 free fonts built in. It’s all of Google fonts (and more) and you don’t need to sacrifice your privacy and alert big brother about every page view.
Unlike the other library sections, these and the icons (see below) are built-in to our editor
Icons
We’ve got icons! LOTS of them—like 300,000! There’s something magic about SVGs in a web page. The clean lines, the infinite resolution, the endless possibilities. These are basic building blocks of visual language and design. Now that you’ve got all of this silly putty at your finger tips— what will you do with it?
Headings
There is no most important element in HTML but the <h1> is more important than most of them. We’ve
crafted 50 <h1> styles for a blog or article to draw in readers and bring your content to the next
level. Add one to your style sheet or just grab a different one for each blog post you write.
Buttons
We also have buttons! These buttons are all over the map and surely there’s one in there for you.
We have so many more snippet collections coming soon: accordions, cards, box shadows, tables, drop caps, mask images, modals, lists. This is shaping up to be a very complete set of web page building blocks.
In general, it’s been a very busy few months of development on Hot Page and I have A LOT to share with you in the next few weeks. Follow along on Bluesky if you’re so inclined.
Have a great week and build some pages!
Tim