CSSGradient.io
Web Gradients
Mesh Gradients by ls.graphics
Gradient Hunt
Color Hunt
Coolors.co
Grabient
Tailwind CSS
Shoelace.css
Tailwind CSS
DaisyUI
Unused CSS
stenciljs
Chakra UI
Preact.js
My Brand New Logo
CSSGradient.io Shoelace.cssNo Shoelace.css videos yet. You could help us improve this page by suggesting one.
Based on our record, CSSGradient.io should be more popular than Shoelace.css. It has been mentiond 39 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Resource: CSS Gradient Pro Tip: Play around with their "Color Stops" to fine-tune your gradients and make them unique. - Source: dev.to / 4 months ago
This creates a horizontal gradient from a warm orange to a soft peach. You can adjust the colors and direction to suit your needs. For more complex gradients, check out tools like CSS Gradient to generate the code for you. - Source: dev.to / 7 months ago
Https://cssgradient.io/ I like this one as a standalone as well. Source: almost 2 years ago
Why all this talk about svg's? First I'd make a gradient in https://cssgradient.io/ then you can set it as a border directly. Source: almost 2 years ago
I used https://cssgradient.io/ for gradient and https://colorhunt.co/ for the pallet. Source: almost 2 years ago
Dashboards, tabs, trees, ... Usually require at least some JavaScript to work properly. For some components, you may be able to use hacks around that. But I would generally not recommend that outside of experimentation. So a pure CSS framework is not going to work. It seems that you are not using a frontend framework like Vue.js. So I would recommend a library using web components for the interactivity. One good... - Source: Hacker News / 3 months ago
Can webcomponents be trivially used with HTMX? Like for example: https://shoelace.style/. - Source: Hacker News / 5 months ago
I created a simple example with a bunch of Shoelace components where they are being lazy-loaded from a CDN. I loaded the components this way to show worst-case-scenario loading performance. As you can see, it still loads quite quickly. - Source: dev.to / 6 months ago
A recent example of this was when I was helping a team get up and running with Shoelace in a Next.js application. Shoelace provides react wrappers, but they were throwing an error when Next.js tried to server-side render them. Fortunately, Shoelace ships their CEM, so I was able to use it to generate new wrappers that were SSR-safe. - Source: dev.to / 6 months ago
I've yet to see this go wrong in practice. The kinds of components that are worth publishing as web components are often large, non-trivial components. Eg media libraries, emoji pickers (like the one made by this article's author), chatbox interfaces, and so on. They are the kinds of things you only have a limited number of on your page. If a component is small and focused in scope, it's likely either written in... - Source: Hacker News / 7 months ago
Web Gradients - Curated collection of 180 free fresh background gradients 🚀
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
Mesh Gradients by ls.graphics - Free, handmade mesh gradients for your next project 🍭
DaisyUI - Free UI components plugin for Tailwind CSS
Gradient Hunt - Curated collection of beautiful gradients, updated daily
Unused CSS - Easily find and remove unused CSS rules