Show HN: Create landing pages by copy-paste | Hacker News Reader

Show HN: Create landing pages by copy-paste

frontendor.com

96 pointshamza_nouali75 comments

Open articleView on HN

I'm not really a big fan of Bootstrap.

I'm never going to use this for my commercial projects.

I'm going to use these for friends and family, who keeps asking me to "please, build me a website."

I like to help a team of developers doing something different and earning money. Best of Luck. Bought one license.

Thank you so much!

I'm kind of just getting started on web development. What would you recommend instead of Bootstrap?

Tailwind CSS

Agree with Hamza, we moved to TailwindCSS since 2019 and never looked back.

TailwindCSS is cool but it has its downsides, Bootstrap 5 doesn't need jQuery anymore and that will change the game in the future I guess.

Anyway, use what you feel comfortable with. Personally, I work with both TailwindCSS and Bootstrap at the same time.

Bootstrap is actually great.

The worst thing is that it looks like Bootstrap :P

You should use something like Material Design for Bootstrap right away.

Especially with the latest v5 version with plain JS (na jQuery)

https://mdbootstrap.com/docs/standard/

Starting out, Bulma has a similar kind of development style to Bootstrap but it looks much nicer out of the box. (bulma.io)

Once you get more experience, TailwindCSS can be good way to go. (tailwindcss.com)

Mind you my focus here is less on learning the more current tech and methodologies and more learning by getting something done early.

Neat. But the "x spots left at this price" fake urgency nonsense is off putting.

No, it's not fake. we offer unlimited license for personal & commercial use for both individuals and teams at $49 instead of $100 for the first 200 people only. Now, we have 173 spots left. check our Gumroad page ==> http://gum.co/f50/f50

Right, so an artificial fake limit on pricing due to "scarcity". Just set a price, and be done with it. Introducing a sense of urgency for a set of landing pages is nonsense, this isn't tickets to Roger Waters.

We can't offer our package at this price and license for a huge number of people. We have some goals to reach 200 sales as soon as possible, so we had to offer this in an urgent manner.

I think OP means it’s a fake or arbitrary sense of scarcity. If you have a goal in mind like a kickstarter campaign then it might be better to say it. For example. Pricing 49 for the first 200 people because I can quit my day job and go full time on this XYZ project. The audience has a purpose other than their own fear of missing out. Maybe think of the user here...

I’m afraid of XYZ so I’ll buy now

.vs

I’d really love to support this guy so I’ll buy now

Now long term which customer mindset is really going to make you successful?

Hope it helps! Nice product

Thank you, this is really a good idea that didn't come to my mind. I've just started my journey as a maker and I will make sure to show my more details next time. Now I can't do updates to not break anything.

Find someone who can help you with devops so that you're not afraid to make updates!

I would take the parent post's suggestion about pricing. Other than that, this project looks awesome. Keep going!

Thank you very much We are learning more from you guys. Thank you for all such great feedback. We will always try to provide the best and do what is always necessary.

Welcome to all marketing. How is this any different from any retailer having a sale? Lowering prices for an arbitrary period of time.

I am glad you like it!

What do you not like about it? I mean, it's not great, but saying "We'll give the first 200 people half-off" seems fine to me.

This site loaded faster than most I've visited in recent memory. How did you accomplish that? I'm impressed!

(Also this is great, I may end up buying a license!)

1. We don't use unnecessary libraries. 2. We use lazy loading for images.

Thank You.

We were really thinking and arguing a lot about how we make Frontendor loading fast.

We are really happy with what we have done.

https://frontendor.com/preview/ = 184 spots left

https://frontendor.com/ = 156 spots left

https://gumroad.com/l/f50/f50 = 146 spots left

Huh?

Hello,

Please follow Gumroad spots left. We updated our website spots faster because we are selling Frontendor blocks faster. That's the reason. Sorry for that.

Thank You.

I am updating this manually. I forgot to update the second page.

fixed now, thank you! our goal is to make 200 sales at this price.

Great project.

Here are a few things that came to my mind after visiting your site.

1) On an iPhone 6, the preview of one of the templates in the “GET STARTED FASTER BY GETTING ALL OF OUR READY-TO-USE TEMPLATES” section doesn’t work (I only checked one template). You can’t scroll on the page that opens. And the “responsive” device buttons don’t make sense when viewing the page on mobile, I think.

2) I was hoping you’re using Bootstrap (and not some entirely custom css) but it wasn’t clear on first sight if that’s the case. Yes, you’re stating it above your headline but I would make that more prominent as it’s easily overseen (at least by me).

3) I have no idea who you guys are, so the “built by...” doesn’t make that much sense to me. I saw that also on the Tailwind UI site but at least over there I know who Adam Wathan is...

Awesome notes. Yes we are using Bootstrap but without SCSS for the sake of simplicity and avoiding any extra configurations that will make reusability even harder, but you can replace the CSS variables with SCSS variables in 5 min and it works. Thank you so much for your feedback!

Nitpick: the dollar symbol comes BEFORE the number. $49 and not 49$

Are there currencies that write it at the end instead?

Yes, we write 49€. It's how you spell it, fourty nine euro. Actually, it depends where, but most of the country put the sign at the end, like most notations.

Oh, I didn't know that. Thank you!

It isn't really about currencies, it's about languages: pretty much every language other than English uses "49 €" form. So I guess, writing all currency signs before the number is pretty commonplace now, but that's probably because americans are notoriously, well, american-centric.

Hum... pretty sure that the Europeans are the exception in those. Majority of American and Asian countries use the currency symbol before the amount, Africans are split.

50:- or 50 kr is how 50 kronor is written in sweden (and probably all of scandinavia).

Although in juxtaposition from the English pronunciation, it has an advantage:

"If it was written as 1,200.00$ it would be easier to forge it to become, for example, 91,200.00$ by appending a single digit in front."

It is the same if it goes before.

$100 can become $1000 or whatever. It is in fact this the reason checks have the quantity written in letters too, and also a dash that occupies the rest of the space.

It’s not the same if you complete the amount with cents. 100.00$ can become 9100.00$ much easier than $100.00.

I explicitly and carefully write out my tip and total with a dollar sign and cents and sometimes circle the total in an attempt to prevent the temptation for anyone to alter the amount (I’ve heard this happening to a could of friends back in college at restaurants and bars).

I would love if there is something like this for simple e-commerce sites.

I help lot of small businesses with their basic store front with stripe/Braintree connected and some dashboard type apps.

If there’s basic UI ready made components like search page, search results, product description, checkout, that’ll make my life easy and worth spending for. I don’t like bootstrap themes as there’s lot of editing and it’s not easy to just take components into existing projects.

Well done guys!

We are planning to make something similar to e-commerce, blogs, communities, web apps, etc. Thank you!

Eagerly waiting on those components. Please make it happen and I’d love to help.

Subscribe to our newsletter, we send only new blocks and templates, no spam. Thank you so much for your support!

This is great, I was actually considering building out something similar but I'll rely on y'all for now.

The terrible thing about existing solutions, is that all the themes/templates out there are hard to break into pieces without moving a bunch of CSS/JS around and they often lacking in the performance dept bc of all the bloated packages that come with them.

Best of luck, hoping to see many more blocks!

Thank you wallawe. You will see more updates coming the next few days.

these days we publish a new update, so it will be possible to copy the HTML & CSS directly from your browser. Also, we've built a drag & drop tool that will come up with this package the next month maybe (this tool allows you to drag & drop these blocks then you export everything).

Looks great. What differentiates frontendor from competitors with similar features? Someone recommended RenderForest to me because of the ability to drag and drop modules to build a website. https://www.renderforest.com/website-maker

1. Our blocks are totally separated, you even integrate them to any existing code base without conflicts. 2. We use CSS only with CSS variables for customization (No SASS, so you have zero complexity). 3. Unlike the most templates I see out there, we have amazing design and user experience on mobile. 4. Elegant and modern design that works with anyone. 5. Huge library of 50+ HTML blocks & 4 ready-to-use templates (6 templates are coming these days). 6. We're planning to add new blocks regularly over time and all new blocks added will be totally free for existing customers. 7. Unlimited personal & commercial use for a one time payment 8. We spent 6 months doing research on marketing & sales to build this (design based on proven marketing & sales principles).

If you are not a developer, you can't use our blocks because it requires some HTML & CSS skills.

The one time fee makes me a little doubtful if this project will really continue. Especially because it seems to me you are selling less quickly than you hoped for (only 25% of the 'early bird' packages are sold after being 17 hours on an important channel for such product).

Maybe you should explicitly commit to X blocks and X templates within X time? X year(s) of support for Bootstrap 4.x?

I like the idea but am not sold yet for those reasons.

Another thing: there is nothing about custom theming. Do you use css vars, so I can customize a color in one place? Some source code example (downloadable?) would be helpful. Maybe one template with its different blocks to give out for free as an example for the rest.

Hello,

In fact, we did not expect all these good comments about the project and that discount we did because we wanted some money for the coming period so that we can give more and more time for Frontendor because frankly we were thinking about leaving our work in the company we work in now to focus more on Frontendor.

Of course we will create more blocks and expand our project. We just wanted to see the project idea wanted by the developers. This really supports us to give more.

Yes! Everything designed and coded to be easy to customize. Customize your fonts, colors and spacing with CSS variables.

Get this 13+ free hero blocks for FREE: https://gum.co/FreeHero/f100

If you purchased a license we will support you at any time.

Thank You.

Yeah, we didn't reach our sales goal yet, but this doesn't mean we are going to stop here. Also, consider that we are beginners as makers and we don't have an audience to support us.

"A journey of a thousand miles begins with a single step".

Thank you so much

Like the website loading speed

Neat. Was just looking for straight up HTML and CSS and BS4 templates. Could you put up one sample to check it out? Thanks!

Sure. Please visit the Gumroad page http://gum.co/f50/f50

Very cool. Any chance you guys will do what Creative Tim does and let us have one shot free?

Yeah sure, subscribe to our newsletter. Last month, we've sent free copies of this to our subscribers. Thank you!

Brilliant, thanks.

Seriously, I love the idea. When i am rested and up again i will buy this.

Awesome Daniel, we have more updates coming the next days.

this content seems to be very centric around internet business. do you provide or will you add new content for other types of businesses like restaurant, bars or laundromat, etc.

This is UX/UI Designer of Frontendor. Thank you for your comment.

This is just the beginning and of course we are considering expanding to include more businesses soon.

Love this. Well done.

Glad you like it <3

People underestimate how valuable copy/paste is...

Will you add a lot of blocks for the coming period?

We're planning to add new blocks regularly over time.

The templates look awesome. Please add more.

Sure. Thank you.

6 more templates will be included with this package before the end of this month.

These blocks require JS or extra plugins?

Hello,

Thank you for your comment. For javascript, we are using vanilla javascript (no jquery, no libraries or plugins).

I just dislike this style.

Hello,

Thanks for your comment. Can you give us more details about what you dislike on Frontendor? Or are there any suggestions that you think might help us?

Thank You.

Well, it is not really specific to Frontendor, but to the style used there in general. Too much wasted space, and not very helpful, either.

Oh :(, can you give us some feedback to improve it. Thank you!

We are super stoked to see how this blew up these last hours .We can't thank you enough. You really changed our lives.

We're planning to add new blocks regularly over time and all new blocks added will be totally FREE for all existing customers.

FRONTENDOR TEAM

Hello Everyone,

Once again, thank you very much for all this support. We're planning to add new blocks and all new blocks added will be totally free for existing customers.

We want to ask you what type of HTML Blocks (Business Ideas) you want to see in the next update.

Thank You.

Reply on news.ycombinator.com