3
6 Comments

How do you build user interfaces?

I've been dealing with a lot of Wordpress sites recently, and I've seen a lot of useful non-developer friendly user interface builders that got me thinking about my hand-writing HTML workflow.

It seems like there are a lot of options if you use a framework specific builder, but nothing for developers working in custom or modified frameworks. I would love something that merged the simplicity of a drag and drop builder, with the ability to define custom components that fit into my project's style.

What tools do you use to build user interfaces?

on April 22, 2020
  1. 2

    I built the CSS library a17t (https://github.com/milesmcc/a17t and https://a17t.miles.land) pretty much exactly for this purpose.

    I wanted atomic, easy-to-use interface elements — without having to use a giant framework or, at the opposite end of the spectrum, redefine what a button looks like for every project.

    Maybe you will find it useful :)

  2. 2

    https://tailwindui.com/ worked pretty well for my side stuff.

    1. 1

      Tailwind is great, you will still need a CMS to create a website though.

  3. 2

    We built https://versoly.com/

    Let me know and I can show you how to use it with a modified bootstrap framework.

    It can work with any framework but for now we're focusing on Bootstrap but eyeing up tailwind :)

    1. 1

      Awesome!

      Are there tools for easily adding new components? So I could do something like <button class="btn">{content}<button> ?

      1. 2

        we have private blocks and if needed we could work out a way you could use them to quickly add components.

        Also we have add elements with containers, rows, columns, cards etc