Readit News logoReadit News
sifuldotdev · 2 years ago
As a frontend developer. I've always found that I can boost my current projects by copying sections or components from previous ones. To keep track of these components, I created a website where I can easily copy and paste them to enhance my work. I believe this can help others too, so I've made it free for all. Additionally, I've included an editor where anyone can build their own React or HTML projects using Bootstrap and Tailwind CSS.
nprateem · 2 years ago
This looks great, and the editor is nice and snappy. I'm not a react guy but might have to learn...

Did you use a component library to build the editor? I see you're using next.js for the site, but was there anything that got you up and running faster from the UI perspective?

Also, do you plan to open source the editor?

sifuldotdev · 2 years ago
Hi, nprateem,

Thank you for the comment. We did not use any component library for the editor. Next.js is also used in the editor. We have plans to make the editor open-source. As we built it for personal use, we will polish it and make it live.

tedyoung · 2 years ago
Your FAQ mentions "free version you can only use it for your personal purpose", yet the license for the components on GitHub is MIT. Can you clarify what exactly is free and what you're selling?
sifuldotdev · 2 years ago
All the components are under MIT license. Updated the FAQ. thanks
SCUSKU · 2 years ago
Maybe this is obvious, but thank you for making the option to export to raw HTML and not just React components! I've been taking a step back from doing things the react way, and have been struggling with design (so much so that I'm contracting out design work) so this tool comes just in time for me! Great stuff!
codingdave · 2 years ago
You might want to add a "Show HN:" to the front of the title to get more feedback, because this looks pretty decent to me, so I'm a little surprised how little of a reaction you've gotten.

I will say that "components" might be the wrong word - these are fully baked page layouts, which are great time-savers.

The FAQ also has a question about getting refunds, which seems odd on a page that has no costs or pricing?

In short, your marketing of this might need some polish, but the actual content and functionality looks pretty good!

bityard · 2 years ago
What does "free" mean in the headline? Because according to the FAQ, this is a subscription service.
sifuldotdev · 2 years ago
All the components are free.
retox · 2 years ago
OP has previously shilled their site without disclosing they are the owner;

https://news.ycombinator.com/threads?id=sifuldotdev

codingdave · 2 years ago
Yes, and they are now are receiving actual responses now that they are doing it the right way. I guess the system works, and is it not awesome that we have such a great community who welcomes people in?
darepublic · 2 years ago
I want the ability to have something like this integrated with VS code. I want to be able to start typing out a component name, or press a key shortcut to see components... scroll through... select the export format (React). And then see it rendered in a sideview, with my own theming applied. Use nostril inhale and exhale to tweak certain things.. and then of course, hook it up to data by dragging a little arrow from the 'data' buckets on my hud to the component.
blackbear_ · 2 years ago
Even better, I want to pick components from a tool window, move them around and resize them with the mouse and have the code automatically generated for me, if possible well hidden so I don't even have to look at it.

Somehow this was standard twentyfive years ago, how could we have regressed so much?

bluefirebrand · 2 years ago
We haven't regressed, the code those systems used to generate was a nightmare

We're way better off without them

jimjimjim · 2 years ago
I too miss the golden age of Delphi
ed_elliott_asc · 2 years ago
And Visual Interdev
sifuldotdev · 2 years ago
The idea seems good. I will play with some VS Code extensions if it's possible to do
vldmrs · 2 years ago
I think that your project is amazing, thank you. Will definitely use it!

p.s. - I think that your project deserves much more attention from HN