2
9 Comments

How can I extract components from bootstrap theme?

I have a bootstrap template with a couple of pages and I need to make new ones.
Is there a tool where I can drag n drop the components from one page to a new one?
Like it creates a list of components and then make new ones from those components.

on January 19, 2020
  1. 1

    I am trying to create something that looks like what you are asking for. I think the best approach is to custom Bootstrap through Sass. You can check this guide here:https://www.mugo.ca/Blog/How-to-customize-Bootstrap-4-using-Sass

    In my case, what I want is like a template/page where I display all the components that my client's/stakeholders site will have. The look of the components will change according to the fonts and colors specified by the client.

    Since I am working with Bootstrap, I think that it is an efficient and cheap way to prototype and give a general idea of the site's apperance.

    1. 1

      Have a look at https://versoly.com/ (i built it)

      Can change colors and fonts easily.

  2. 1

    Never heard about such UI tool.

  3. 1

    Are you building an app or a landing page?

    1. 1

      I'm building an app.

      1. 1

        In react you can do that easily, I have also done it with Django templates.

        Drag and drop seems weird if you're building an app.

        1. 1

          The thing is we don't have a backend. I'm looking for a tool to do it for the front -end

          1. 1

            Try https://versoly.com/ i built it, might be what you need if you have no backend

            1. 1

              Oh cool I'll give it a try