A Components Library

Hi @gamicord! All of those components you linked to are static, meaning that they generally use a mix of HTML, CSS, and Javascript to display some content on a page of your site. The good news is that the L&L templating language also uses HTML, CSS, and JS to display and style items on a page, so if you like any of the components you shared in your links, you can probably use them inside your L&L templates! The real power of L&L doesn’t come from just placing static pre-styled components on your site but instead from being able to make your site’s content dynamic. In other words, if you like one of the button components listed on that Bootstrap site, you can already just copy-paste the HTML and CSS for that button and then use L&L to make the button’s text dynamically display the title of the current post with a dynamic tag like <Field title /> or you could make its URL dynamically link to the profile of the current user with something like <User edit_url />. You might want to take a look at the getting started guide if you want to get a more solid idea of where L&L will fit into your workflow.

That being said, even though Loops & Logic will never be primarily intended for users who don’t want to touch code at all, we certainly hope to add more snippets in the future so we’ll take your feedback to heart. We’re also working on a plugin that uses the power of the L&L language to create page builder blocks, so those will be incredibly useful if you don’t want to learn to write L&L code; you can just use other people’s blocks. You can sign up to be notified when that launches on the L&L site.

Thanks for your interest and best of luck as you learn to work with Loops & Logic!

To come out straight with you, Loops & Logic dynamic Feature is good.

The part where we have to write the HTML, CSS and JavaScript makes it too stressful. That’s almost like building and coding from scratch.

I will like you not to dispute and argue against this request I’m putting out to you.

Build that Components Library like BootStrap and Flutter had done.

You see, it doesn’t have to be you that will do it. You can trick people into doing it for you, by creating something called “Components Showcase“– and telling the Community that you will like to see their Creativity and showcasing what they can design– in the form of Reusable Components.

Then you will give them the full list of Components you’d need them to design.

And you’d make it possible for them to submit their Codes for these Components.

In that way, you will get these Components from the general public without you needing to write it yourself( if you don’t want to write it yourself)

WHAT’S THE FUNCTION OF THESE REUSABLE COMPONENTS OF THE COMPONENTS LIBRARY

a.) They will help a lot of people to be relieved of the stress of writing code, by simply getting a fully designed Component pre-designed for them, from the Components Library. And they can be more focused on using the main Logic that Loops & Logic brings.

b.) These Reusable Components from the Components Library will help to maintain Standard and Consistent Design Patterns on our website– while still using Loops & Logic.

c.) They will help to grow the User base of Loops & Logic because people who came to WordPress, came because it promised them that they will build Websites through Drag-and-Drop, without writing a Single line of code.

This phrase “without writing a Single line of code” is what attracted many people to WordPress.

You shouldn’t live in denial of that.

So the Components Library, like BootStrap and Flutter, will help people to use the dynamic power of Loops and Logic, while their need for excessive coding will be reduced.

It will help them to focus more of using the dynamic power of loops & Logic, without worrying about Coding HTML and CSS Styling.

Please and Please, implement this suggestion.

Regards.

Thanks for your thorough and thoughtful response! I think that to some extent we’re on the same page; we recognize that the majority of WordPress users are interested in drag-and-drop no-code solutions. That’s why we’re working on Tangible Blocks which is going to offer a library of blocks that work across many of the popular WordPress page builders and that includes much of the dynamic functionality of Loops & Logic. These blocks will be built using L&L code, but there will be a library of ready-made blocks for people who don’t want to touch a single line of code. We’re also working on a solution that would allow the creation of site-wide style options (similar to those available on FSE themes but page builder agnostic) so that users will be able to get pre-styled dynamic blocks without needing to mess around with HTML or CSS. It sounds like that’s the type of solution that you’re looking for, so you might want to sign up for the beta at the link I shared above.

In contrast, Loops & Logic itself was never intended to be a no-code tool. Loops & Logic is built around code and will never be useful to someone who isn’t interested in learning any code at all. The main benefit of the L&L templating language is that it makes it possible to do things that simply aren’t possible with no-code solutions. Essentially, it allows you to do things that used to require learning PHP and React, but instead of spending weeks or months becoming proficient in those languages, L&L can be learned in a matter of hours.

So what I’m trying to say is that I hear you loud and clear and I also recognize the fact that there are far more users interested in no-code products than there are who are interested in low-code solutions like L&L. That’s why we’re working on Tangible Blocks to meet that need. Tangible Blocks will be the no-code option, Loops & Logic will be the low-code solution that provides slightly more flexibility for those who are willing to learn the language.

I hope that all makes sense and I apologize if it sounded like I was arguing with your request! I agree with you and we are planning on implementing a variety of solutions. We hope to continue to lower the barrier to entry for dynamic site-building by adding more snippets, adding helpful recommendations within the code editor to make it easier to write L&L markup, and developing Tangible Blocks as a separate no-code plugin for users that simply want drag-and-drop convenience. I hope that all makes sense and thanks again for your feedback!

so that users will be able to get pre-styled dynamic blocks without needing to mess around with HTML or CSS. It sounds like that’s the type of solution that you’re looking for

This part “It sounds like that’s the type of solution that you’re looking for“

Yes Sir. That’s actually the solution I’m looking for. A Visual approach to it all.

Now, don’t get me wrong. I don’t hate coding. I have done a brief stint on PHP.

Then I’m taking a Udemy Course on Python, and JavaScript.

In JavaScript, I’m presently on EJS (a Templating Engine for JavaScript– which actually functions like Loops & Logic )

My challenge is that I’m not really good with CSS, and this means that, even if I master the Loops & Logic Language, I will build ugly websites.

So you must see why I wanted Visual Tools. And the fact that you said we will have Visual Blocks, has therefore solved my problem.

Now, I can consider this matter resolved, while I wait for your Reusable Tangible Blocks.

Regards.