shoelace-css

A collection of professionally designed, every day UI components built on Web standards. Works with all framework as well as regular HTML/CSS/JS. 🥾 (by claviska)

Shoelace-css Alternatives

Similar projects and alternatives to shoelace-css

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better shoelace-css alternative or higher similarity.

shoelace-css reviews and mentions

Posts with mentions or reviews of shoelace-css. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-09-14.
  • Nue: A React/Vue/Vite/Astro Alternative
    13 projects | news.ycombinator.com | 14 Sep 2023
    After trying out and reviewing the code of https://shoelace.style/ I began asking the question: Do we still need libraries like Vue? Haven't native web components reached the point where we can let go of the component "polyfills" we've been using?

    This crossover is bound to happen, like it happened with jQuery. The question is when.

  • An Overview of 25+ UI Component Libraries in 2023
    40 projects | dev.to | 10 Sep 2023
    Shoelace: Being built with web components means this library is framework agnostic, however, React is the only framework that was entitled to get first-class support. It also has built-in localization, and the components were built with Lit. Keep in mind that if you want the get your component content in SSR, this might not fit your needs.
  • Use web components for what they’re good at
    8 projects | news.ycombinator.com | 23 Aug 2023
    > I see libraries of components/widgets offer versions for React and Vue and other things, never a web component version.

    In this regard, because I don't want to be tied to a JS framework (because most of the time I don't even use one) but I still want to have a cohesive set of UI components, I've been using Shoelace: https://shoelace.style

    You can use it any way you want, with a framework or not, in a SPA or not. It's a bit like using Bootstrap components, except you get much less markup cruft.

    Their own bullet points:

        - Works with all frameworks
  • Any component based UI system for Rails?
    4 projects | /r/rails | 3 Jun 2023
    Link https://shoelace.style/
  • Tailwind CSS v3.3
    3 projects | news.ycombinator.com | 29 Mar 2023
    There is also the ::part() selector now which is quite useful for selecting things within a shadow. https://shoelace.style/ uses parts for styling individual parts within custom elements.
  • Recommendation Needed: WebComponent UI Library
    4 projects | /r/WebComponents | 29 Mar 2023
    The only UI library I know of in this space would be Shoelace, that's probably going to be the closest to what you're looking for https://shoelace.style/
  • A Generalized User-local Container for UI State in Kredis
    3 projects | dev.to | 22 Mar 2023
    , Shoelace, Lit, etc.). Wrapping Up In part one of this series, we described what Kredis can and cannot do, and developed an example use case for storing ephemeral UI state using a bespoke Redis key. In this second and final part, we identified the drawbacks of this approach. We developed a generalized solution to apply to any DOM node whose state of attributes we want to track on the server side. Finally, let me point out that these considerations inspired me to develop a library called solder, which I would be happy to receive feedback on! Happy coding! P.S. If you'd like to read Ruby Magic posts as soon as they get off the press, subscribe to our Ruby Magic newsletter and never miss a single post!
  • Pattern for reusable components?
    2 projects | /r/htmx | 16 Feb 2023
    Check out https://pypi.org/project/slippers/ and https://pypi.org/project/django-render-block/. You could use those with your own HTML, or with something like Bootstrap. https://shoelace.style/ is another option. If you use shoelace, this extension will help https://github.com/benopotamus/htmx-ext-shoelace
  • What UI framework would you recommend?
    10 projects | /r/sveltejs | 2 Feb 2023
    Shoelace simple and lightweight, easy to customize. It's not Svelte specific because it's implemented with pure web components. Works great with Svelte though.
  • Is there a better option than plain HTML, CSS and JS for creating my own design system?
    10 projects | /r/webdev | 16 Jan 2023
    Check out https://shoelace.style/ Its based on web components, so you can use it with any framework or even vanilla js.
  • A note from our sponsor - Sonar
    www.sonarsource.com | 28 Sep 2023
    Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →

Stats

Basic shoelace-css repo stats
61
9,321
9.3
6 days ago
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com