carbon-components-svelte VS open-props

Compare carbon-components-svelte vs open-props and see what are their differences.

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
carbon-components-svelte open-props
36 50
2,633 4,464
1.1% -
8.9 8.3
18 days ago 9 days ago
Svelte HTML
Apache License 2.0 MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

carbon-components-svelte

Posts with mentions or reviews of carbon-components-svelte. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-05-14.

open-props

Posts with mentions or reviews of open-props. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-02-27.
  • Eurovision Gradients
    1 project | dev.to | 8 May 2024
    Now, for the red/blue-version, I took one of the nice linear() timing-functions from Adam Argyle's Open Props:
  • Learn CSS Layout the Pedantic Way
    7 projects | news.ycombinator.com | 27 Feb 2024
    There's still some boilerplate, but I'm a big fan of Open Props[0] because it takes a hybrid approach. CSS isn't necessarily reinventing the wheel, but allowing for easier / more powerful approaches to difficult layouts or things that would otherwise require JS. Bootstrap is fine but troubleshooting advanced layout issues involves a lot of inspecting elements to see what styles are actually being applied (at least in my experience, YMMV) so I'd personally always bet on CSS.

    [0] https://open-props.style/

  • Why Tailwind Isn't for Me
    2 projects | news.ycombinator.com | 26 Jan 2024
    I don't quite get the hate for having CSS in another file. Do you also put all your react stuff in one single file ? That same logic and argument can be applied against all modularization.

    And really 20-50 tailwind classes in a single element is VERY hard to read and keep in mind. No - it does not make things clear or understandable. One tends to need to re-read and scan over from the beginning and eyes glaze over. Esp if some elements only vary with a few classes missing. I guess it works for people with very high attention to detail and high amount of working memory. I only find it personally frustrating.

    Maybe tailwind css works for some bright people. I did try it for a couple of projects and only felt pain.

    However, the "atomic css" philosophy behind tailwind is great. I find framewroks like https://open-props.style/ far better to use.

  • Htmx and Web Components: A Perfect Match
    5 projects | news.ycombinator.com | 18 Jan 2024
  • Styling React 2023 edition
    11 projects | dev.to | 3 Nov 2023
    Open Props adds to the set by providing extra custom properties for things like easing functions or animations.
  • The Future of CSS: Easy Light-Dark Mode Color Switching with Light-Dark()
    5 projects | news.ycombinator.com | 9 Oct 2023
    > If you wanted to actually solve theming, what you should work for is not a constrained helper function like light-dark(), but instead a shared token schema. Today nearly every company has their own token schema and different ways of naming things in the semantic token layer. If we had a shard language here, not only would it be trivial to add light/dark theming (just redefine a few variables that are already provided for you), code could be shared between sites and inherit the theming/branding.

    Isn't that the idea behind https://open-props.style/ (and https://theme-ui.com/ in JS land)?

    I think it's a great idea, but hampered by the lack of adoption incentives for the very people that need to adopt it for it to become successful (design system/component library authors). It introduces constraints, but the promised interoperability is not really beneficial to the people who need to work within those constraints.

  • Tailwind CSS and the death of web craftsmanship
    8 projects | news.ycombinator.com | 2 Aug 2023
    I do think that the real value of Tailwind comes from the utility classes, rather than css-in-html paradigm. You could achieve the same, for example, with Pollen.css [0] or Open Props [1].

    [0] https://github.com/heybokeh/pollen

    [1] https://github.com/argyleink/open-props

  • What is the best styling strategy for a Svelte project?
    1 project | /r/sveltejs | 12 Apr 2023
    If you choose to style with plain CSS you can add design tokens as CSS variables with Open Props: https://open-props.style.
  • Released tw-variables: 400 useful Tailwind utilities as ready-to-import CSS variables
    2 projects | /r/Frontend | 11 Mar 2023
    Some time ago I discovered Open Props which provides a lot of design tokens as CSS variables and started using it in some of my projects.
  • [Showcase] Searching for Friendly-User for Scrum-Tool Miyagi
    4 projects | /r/sveltejs | 5 Feb 2023
    CSS: Open Props (https://open-props.style/)

What are some alternatives?

When comparing carbon-components-svelte and open-props you can also consider the following projects:

shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇

svelte-headlessui - Unofficial Svelte port of the Headless UI component library

svelte-material-ui - Svelte Material UI Components

pollen - The CSS variables build system

headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Tailwind CSS - A utility-first CSS framework for rapid UI development.

svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.

modern-normalize - 🐒 Normalize browsers' default style

svelte-grid-responsive - Responsive grid system based on Bootstrap for Svelte

vanilla-extract - Zero-runtime Stylesheets-in-TypeScript

svelte-tutorial - All the course files for the Svelete (beginners) playlist on The Net Ninja YouTube channel.

unocss - The instant on-demand atomic CSS engine.

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured