Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

My free side project: 600+ UI Components with Code Editor

easyfrontend.com

Post reply on HN
Print view View original

21–26 of 26 posts

Re: My free side project: 600+ UI Components with Code Editor

#21

Post by sifuldotdev »

nprateem wrote: post #19
sifuldotdev wrote: post #2

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 Bootst…

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?

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.

Re: My free side project: 600+ UI Components with Code Editor

#23

Post by sifuldotdev »

darepublic wrote: post #8

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 idea seems good. I will play with some VS Code extensions if it's possible to do

Re: My free side project: 600+ UI Components with Code Editor

#24

Post by sifuldotdev »

vidarh wrote: post #13

You might want to test the landing page more on Android, because at least on my phone it was janky enough to scroll through it to put me off (I'm only bringing it up as I assume the page is using the components the page is about)

As the editor is not ready for mobile. We are working on it to make it more mobile-friendly.

Re: My free side project: 600+ UI Components with Code Editor

#25

Post by sifuldotdev »

beardyw wrote: post #4

I was confused by the editor. I couldn't get (in a short time) how the two offerings related to each other. You may want to split the two apart, or describe how they relate.

The first offering is a collection of UI Components, Blocks, and Sections built with HTML, React, Bootstrap, and Tailwind CSS. These components are designed to boost your development workflow by providing over 600+ free UI components. Developers can utilize these components by copy-pasting code directly into their projects.

The second offering is a powerful editor tool provided by us. This editor allows users to create, edit, and download complete websites and landing pages without the need for coding from scratch. Users can leverage this editor to customize and integrate the UI components from the collection seamlessly into their projects.

Re: My free side project: 600+ UI Components with Code Editor

#26

Post by nprateem »

sifuldotdev wrote: post #21
nprateem wrote: post #19

Earlier quoted context omitted.

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?

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.

Great, thanks
Post reply on HN