Show HN: Free HTML/CSS Landing Page Templates Without JavaScript | Hacker News Reader

Show HN: Free HTML/CSS Landing Page Templates Without JavaScript

uisual.com

80 pointshenlo24 comments

I'm so confused by the choice to use a SVG stroke for the Logo and Twitter icon.

Like I understand that it's a slick way to do icons, but as a FOSS template - I'm not going to use your logo on my page so it's just another thing to rewrite.

They're just placeholders. You can change the logo with yours. The reason I used inline SVG because our minimal and small logo, I don't think it's a good idea to request that <1KB SVG using `<img>`. You can change them to `<img>` if you prefer that way.

By the way, it's not a FOSS project. It's just open-sourced but it's not allowed to be republished even without changes.

Thanks for this, I want a unique design for my landing page https://makepostsell.com - would you suggest a custom design or using the free one?

Glad you like it! If you want a unique design for your landing page, I suggest a custom design. You'll get Figma and HTML/CSS/JS files. Email me at: studio@uisual.com. Thanks, Russell!

Does anyone have examples of use cases where the target audience would care or even notice a landing page without JavaScript?

A landing page with a check-out that redirects you to a new page after each step or has a long form on a single page.

Uisual (https://uisual.com) is free and plain HTML/CSS landing page templates for startups. No JS. You can use them to launch your app, ebook, extension, etc. I'm planning to add more designs, a design a week. There will be pricing section, testimonial section, etc. But for now, only 3 templates.

Let me know what you think.

Each card should link to an actual page, not a screenshot. Screenshots are not responsive and do not show how the page will perform on mobile.

Thanks for the feedback. I just wanted to share this project quickly, so screenshot for now. It'll be updated with live demo next week.

These look clean, and I agree that there should be live demos and not screenshots. I liked the typeface and I wanted to know what it was, but I just briefly got disappointed. I was also partly expecting that the design would be very extra and flashy because of the “No JS” phrase, but with how minimalist the current pages look I would be very surprised if someone had to use JavaScript to form the design.

As I mentioned, there's more to come. For example, pricing section will have that toggle monthly and yearly plan without JS. Then there's also hamburger menu you can toggle without JS as well.

For now, I just wanted to share this project quickly and get feedback. Come check it out next week, you'll love it. Thanks for your feedback.

It looks black and white on my screen. Do you use colors for your other designs ?

Every templates are just black and white. Think of it as a wireframe. You customize it yourself. Add background colors, box shadows, gradients, etc. Play around, make it yours.

That's exactly what I don't want to do.

It seems like if you have the skills and drive to do that, you wouldn't be working from someone else's templates anyway.

My idea is designing templates that's looking good even in black and white. I expected that some people don't want, or don't have the time to customize it. In that case, you can just change the brand color (#353535 in this case) to yours, blue for example, and you're ready. I use CSS variables for these templates, so changing colors will be easy.

Thanks for doing it. Liked the strategy and style of marketing.

https://www.monkwhocode.com/2020/12/coding-interview-questio...

Check out

The templates seem to be non-responsive?

They're responsive. I designed these templates from 320px, 768px, 1024px, and 1200px. What you're looking at was screenshots, not live demos. I'll update with live demos sometime next week. For now, just screenshots.

More templates to come!

Will you have any options without CSS?

For what reason would you want that? Furthermore, what design choices could even be made that don't use CSS? Choosing to put the nav bar below or above the h1?

The purpose is to standardize web pages and get page size down to an absolute minimum. This is for a service that only has a few kilobits per second of download speed.

you still need styles to get something decently nice, so using inline CSS attributes? the size is likely larger then due to repetitions

Reply on news.ycombinator.com