destack icon indicating copy to clipboard operation
destack copied to clipboard

Custom components

Open virajsoni06 opened this issue 3 years ago • 4 comments

Hi, this is a really cool project. I was wondering if there are plans to allow custom components to be added into the builder?

virajsoni06 avatar May 24 '21 14:05 virajsoni06

Hey,

Plan is roughly the following:

  • Fix a few usuability issues
  • Add tests and support form handling
  • Make the builder more customizable

As part of the 3rd point, I'd look at supporting different colours and night mode first and then custom components.

I was thinking about adding more design systems (other than tailwind) but adding custom components is not far off. I have a few ideas on how to implement them but also open to suggestions.

LiveDuo avatar May 24 '21 14:05 LiveDuo

I have some ideas..

How about importing everything from the components directory?

Then the editor would somehow render it in the server(for a screenshot) and we could use it just like any other tailblocks component.

I have yet to look into this though, not sure this will work yet.

iojcde avatar May 28 '21 11:05 iojcde

A way to do this is have a "Add component" button to save the component HTML to a JSON file (similar to data/default.json) and the load them all dynamically in the editor.

As for the screenshot, we might allow image uploading. If it's not provided we can just show a default icon.

LiveDuo avatar May 28 '21 11:05 LiveDuo

Hi!

I love the idea behind the project.

I'm thinking if you have been working on adding custom components to the project? I use TailwindUI components and I would like to add them to the builder so I can easily build landing pages using TailwindUI in Next.

If there is an easy way of doing it, do you have any docs on how to add them?

pmarciniuk avatar Apr 03 '22 15:04 pmarciniuk