Title: A Components Library
Last modified: June 9, 2023

---

# A Components Library

 *  Resolved [gamicord](https://wordpress.org/support/users/gamicord/)
 * (@gamicord)
 * [3 years ago](https://wordpress.org/support/topic/a-components-library/)
 * If you go here: [https://getbootstrap.com/docs/5.3/examples/](https://getbootstrap.com/docs/5.3/examples/)
 * and here: [https://docs.flutter.dev/ui/widgets](https://docs.flutter.dev/ui/widgets)
 * and here: [https://vuetifyjs.com/en/components/all/](https://vuetifyjs.com/en/components/all/)
 * You will notice that these are Component Libraries for **BootStrap**, **Flutter**
   and **Vue**.
 * On your website( [https://loopsandlogic.com/snippets](https://loopsandlogic.com/snippets)),
   I noticed that you have a Snippets Page.
 * Can you copy Components examples from BootStrap and Flutter, and build all these
   Components in your Snippets Page— so that those of us who are not too good with
   Coding, can just Copy- Paste those Snippets into our website, and we would have
   a fully functional Component on our website straight up?

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Ben @ Team Tangible](https://wordpress.org/support/users/bentangible/)
 * (@bentangible)
 * [3 years ago](https://wordpress.org/support/topic/a-components-library/#post-16807425)
 * Hi [@gamicord](https://wordpress.org/support/users/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](https://docs.loopsandlogic.com/10/getting-started-with-loops-logic?category_id=96)
   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](https://loopsandlogic.com/#get-updates-and-be-the-first-to-know-when-the-pro-version-launches).
 * Thanks for your interest and best of luck as you learn to work with Loops & Logic!
 *  Thread Starter [gamicord](https://wordpress.org/support/users/gamicord/)
 * (@gamicord)
 * [3 years ago](https://wordpress.org/support/topic/a-components-library/#post-16808085)
 * 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.
 *  [Ben @ Team Tangible](https://wordpress.org/support/users/bentangible/)
 * (@bentangible)
 * [2 years, 12 months ago](https://wordpress.org/support/topic/a-components-library/#post-16812499)
 * 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](https://loopsandlogic.com/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!
 *  Thread Starter [gamicord](https://wordpress.org/support/users/gamicord/)
 * (@gamicord)
 * [2 years, 12 months ago](https://wordpress.org/support/topic/a-components-library/#post-16814010)
 * > 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](https://ejs.co/)** (_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.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘A Components Library’ is closed to new replies.

 * ![](https://ps.w.org/tangible-loops-and-logic/assets/icon.svg?rev=2535522)
 * [Loops & Logic](https://wordpress.org/plugins/tangible-loops-and-logic/)
 * [Support Threads](https://wordpress.org/support/plugin/tangible-loops-and-logic/)
 * [Active Topics](https://wordpress.org/support/plugin/tangible-loops-and-logic/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tangible-loops-and-logic/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tangible-loops-and-logic/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [gamicord](https://wordpress.org/support/users/gamicord/)
 * Last activity: [2 years, 12 months ago](https://wordpress.org/support/topic/a-components-library/#post-16814010)
 * Status: resolved