versoly-ui
view_component
versoly-ui | view_component | |
---|---|---|
21 | 74 | |
100 | 3,165 | |
1.0% | 0.5% | |
4.1 | 8.9 | |
5 months ago | 5 days ago | |
JavaScript | 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.
versoly-ui
-
Show HN: Rapidpages – OSS alternative to vercel's v0
Basic design system https://github.com/versoly/versoly-ui also not React.
Huge market outside of React for developers who just want a good looking UI.
-
Is Htmx Gaining in Popularity?
https://github.com/versoly/versoly-ui would also work especially well with this stack as it comes with classes like Daisy (btn btn-primary) and JS like Flowbite (tabs).
- Best No-Code/Low-Code Frontend Builder
-
Super simple alternative to bootstrap for just the grid system?
https://github.com/versoly/versoly-ui is inspired by Bootstrap and uses Tailwind.
-
When is using TailwindCSS NOT a good idea?
I would use Bootstrap (or https://github.com/versoly/versoly-ui Tailwind alternative to Bootstrap)
-
Utility first approach vs Component based approach
Would add https://versoly.com/versoly-ui to the list
-
Javascript for DaisyUI?
if you need JS i built something similar after finding out they wouldn't add JS https://versoly.com/versoly-ui
-
What is your 'utility-first' approach?
Maybe you should check the user experience of your website. I can't find 15 components on it. I can't find even one if I visit https://versoly.com/versoly-ui directly.
- Best UI library for TailwindCSS?
-
Current problems with Drag&Drop Builders
Versoly comes with https://versoly.com/versoly-ui an opensource framework built on Tailwind and based on Bootstrap. You can copy buttons, tabs etc to other projects by copying the config file.
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?
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
Stimulus - A modest JavaScript framework for the HTML you already have
skeleton - A fully featured UI toolkit for Svelte + Tailwind. [Moved to: https://github.com/skeletonlabs/skeleton]
turbo-rails - Use Turbo in your Ruby on Rails app
tailwindcss-multi-theme - 🎨 The easiest way to create themes with Tailwind CSS.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
pssst-css - A CSS methodology so great, it needed a name...
cypress-rails - Helps you write Cypress tests of your Rails app
react-grid-system - A powerful Bootstrap-like responsive grid system for React.
hotwire-rails - Use Hotwire in your Ruby on Rails app
Bulma - Modern CSS framework based on Flexbox
i18n-tasks - Manage translation and localization with static analysis, for Ruby i18n