Shoelace.css Reviews and details

Social recommendations and mentions

• Show HN: Open Source TailwindCSS UI Components

  Maybe someone can tell me what is better to use for a newbie: a framework or library of individual web components, like WebAwesome (former Shoelace), for example: https://shoelace.style. - Source: Hacker News / 22 days ago

• Htmx and the Rule of Least Power

  HTMX gets all the hype right now, but there are other tools in the same vain, my favorite being Unpoly (https://unpoly.com). Together with Shoelace (https://shoelace.style) you get nice GUIs real fast, without the burden of complicated dependency management and build steps. Also, you don't have to write a lot of JS, just what is needed for small enhancements, as it was meant to be. Some might say the main drawback... - Source: Hacker News / 27 days ago

• Show HN: Hyperdiv – Reactive, immediate-mode web UI framework for Python

  Hello HN, I'm releasing Hyperdiv (https://hyperdiv.io), a framework for rapidly developing reactive browser UIs in Python, with immediate-mode syntax and using Shoelace (https://shoelace.style) as its built-in component system. This short coding video will give you a good idea of what it is: https://www.youtube.com/watch?v=4XJKfxaqvGE I wrote a brief article about the motivation and approach:... - Source: Hacker News / 3 months ago

• Making Web Component properties behave closer to the platform

  For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc. - Source: dev.to / 4 months ago

• Shadcn: Beautifully designed components that you can copy-paste into your apps

  I wonder if https://shoelace.style/ is what @ch33zer is looking for? Web components often seem overlooked in this crazy dash complicated js frameworks. - Source: Hacker News / 4 months ago

• Stream Updates to Your Users with LiteCable for Ruby on Rails

  Here's what this looks like - note that I'm using Shoelace components for styling purposes. - Source: dev.to / 5 months ago

• Framework Interoperable Component Libraries Using Lit Web Components.

  Enter Shoelace an undoubtedly witty pin on "Bootstrap", that aims at bringing back direct usable components but by offering web-components by default, but it also offers web-components wrapped in a react component as well. This is at the core of building a framework interoperable component library, 1) use web-components, 2) wrap them in that specific language's syntax. - Source: dev.to / 7 months ago

• Nue: A React/Vue/Vite/Astro Alternative

  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. - Source: Hacker News / 8 months ago

• An Overview of 25+ UI Component Libraries in 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. - Source: dev.to / 8 months ago

• Use web components for what they’re good at

  > 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.... - Source: Hacker News / 9 months ago

• What front-end would you chose for Spring Boot apps?

  You can take a look at https://alpinejs.dev/components. Also https://shoelace.style is interesting as it has framework agnostic components. Source: 12 months ago

• Tailwind CSS v3.3

  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. - Source: Hacker News / about 1 year ago

• Recommendation Needed: WebComponent UI Library

  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/. Source: about 1 year ago

• A Generalized User-local Container for UI State in Kredis

  , 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... - Source: dev.to / about 1 year ago

• Pattern for reusable components?

  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. Source: about 1 year ago

• What UI framework would you recommend?

  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. Source: over 1 year ago

• Is there a better option than plain HTML, CSS and JS for creating my own design system?

  Check out https://shoelace.style/ Its based on web components, so you can use it with any framework or even vanilla js. Source: over 1 year ago