skeleton
view_component
skeleton | view_component | |
---|---|---|
37 | 74 | |
556 | 3,150 | |
- | 0.7% | |
9.7 | 8.9 | |
over 1 year ago | 11 days ago | |
Svelte | Ruby | |
MIT License | MIT License |
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.
skeleton
- What component libraries are available
- What libraries do you miss from other frameworks like Vue or React?
- Let's share our works on SvelteKit or Svelte
-
React dev about to learn Svelte(Kit), any advice ?
I'm a bit bias here, but we've had a lot of support for my UI library called https://skeleton.dev/. We've taken a lot of the doc design and visual queues from them, though we've built with Tailwind/Svelte in mind from the ground up
-
Fresh to svelte and looking to get shoved in the right direction.
I just found Skeleton, which are pre-built components using TailwindCSS. https://skeleton.brainandbonesllc.com/
-
CSS Frameworks: Switched from Bulma.io to Skeleton
I... might have inspected elements nonstop on https://skeleton.brainandbonesllc.com in order to figure out how your team did it and shamelessly applied it to my site example.
-
Svelte Component Libraries
Skeleton looks promising, but you have to buy into Tailwind CSS.
-
SvelteKit APIFlattener
Thanks! Even though the site is useable I'm looking into Skeleton (Tailwindcss Component Library that's good looking and quick/easy. In beta.) https://skeleton.brainandbonesllc.com/
-
Introducing Svelte, and Comparing Svelte with React and Vue
You might check out Skeleton (full disclosure, I'm one of the creators)
https://skeleton.brainandbonesllc.com/
When my partner and I were getting started with Svelte we noticed there was plenty of wrapper libraries, but very few that lean into the benefits of Svelte specifically. We wanted something like Mantine from the React world.
We're still early days (we've open source and public for about a month) but the feedback has been really positive. The one thing to note is we pair heavily with Tailwind, so if that's not your jam the library may not be for you. However for any sizable app where you're building a design system, we find it extremally helpful and productive.
Hopefully you can give it a try and it helps out! My username on our Discord is endigo9740 if you need any help!
- Whats your hacking and prototyping stack?
view_component
- Things I wish I knew before moving 50K lines of code to React Server Components
-
Supercharged table component built with ViewComponent
When searching for examples of table components built with the ViewComponent gem, I was surprised to find none. After some inquiries, I came across examples that worked like this:
-
More expressive APIs for View Components
View components offer two primary ways to interact with the component: passing arguments to the initializer and using slots:
- Have you been using ViewComponent. What advantages do you see in it?
-
How can I integrate VueJS into a rails 7 application? What is the workflow?
For example, splitting out views into partials? Or the new ViewComponent feature that's becoming quite popular - https://viewcomponent.org/
- Helpers vs Components
-
Vanilla Rails view components with partials | Stanko K.R.
I used to do "pure ruby" approach to that -- but basically wound up realizing I was re-inventing github's view_component. Their design goals were similar enough to what I was trying to do, that it made more sense just to use that, rather than try to re-invent it myself.
-
Gnarly Learnings from March 2023
ViewComponent
- Os benefícios de componentizar as views do Rails
-
Does anyone kind of miss simpler webpages?
The linked one is my Rails implementation, written for ViewComponent. The official version uses Nunjucks.
What are some alternatives?
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Stimulus - A modest JavaScript framework for the HTML you already have
Svelte - Cybernetically enhanced web apps
turbo-rails - Use Turbo in your Ruby on Rails app
mantine - A fully featured React components library
Tailwind CSS - A utility-first CSS framework for rapid UI development.
headscale-ui - A web frontend for the headscale Tailscale-compatible coordination server
cypress-rails - Helps you write Cypress tests of your Rails app
versoly-ui - Tailwind CSS components library based on Bootstrap
hotwire-rails - Use Hotwire in your Ruby on Rails app
tailwindcss-forms - A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
i18n-tasks - Manage translation and localization with static analysis, for Ruby i18n