foundational-design-system-proto
carbon-icons-svelte
Our great sponsors
foundational-design-system-proto | carbon-icons-svelte | |
---|---|---|
5 | 4 | |
92 | 389 | |
- | 0.8% | |
6.6 | 8.1 | |
almost 2 years ago | 21 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
foundational-design-system-proto
-
How do you prefer to style components?
Some good resources to check out: https://github.com/Shopify/foundational-design-system-proto/discussions/44 https://github.com/andreipfeiffer/css-in-js#stitches
-
What do you use to style in React
read about here for comparison. https://github.com/Shopify/foundational-design-system-proto/discussions/44
- Replacing Sass
- Front End Web Development
-
How to do this in Vue from React - micro componet fragments
In React, people seem to construct pages just use variables as components like this: https://github.com/Shopify/polaris/blob/main/src/polaris.shopify.com/pages/index.tsx
carbon-icons-svelte
-
Get sveltekit component html in script tag
I'm using custom Carbon Icons for Quill JS... each Icon component is a simple svelte component with an of the icon.
-
What icon set are you using with svelte? How do you like it?
I used to use IBM's Carbon icon set: https://github.com/carbon-design-system/carbon-icons-svelte
-
What UI libraries do you use with Svelte?
There's support for several light and dark themes built in. Also, there's associated charts and icons that both work great.
-
Overview of Svelte UI Libraries and Components
The Carbon Svelte portfolio also includes three other useful libraries for Svelte applications: Carbon Icons (6000+), Carbon Pictograms (700+), Carbon Charts (16). These libraries can be utilized independently or in combination with Carbon Components Svelte.
What are some alternatives?
ng-sandbox - Development sandbox for angular components
icons - Effortless Icon Packs & Components for Svelte, React, Vue and more..
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
svelteui - SvelteUI Monorepo
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
carbon-pictograms-svelte - Carbon Design System SVG pictograms as Svelte components
polaris - Shopify’s design system to help us work together to build a great experience for all of our merchants.
svelte-mapbox - MapBox Map and Autocomplete components for Svelte (or Vanilla JS)
carbon-components-svelte - Svelte implementation of the Carbon Design System [Moved to: https://github.com/carbon-design-system/carbon-components-svelte]
carbon-charts - :bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
Svelte - Cybernetically enhanced web apps
unplugin-icons - 🤹 Access thousands of icons as components on-demand universally.