RailsAdmin
Tailwind CSS
Our great sponsors
RailsAdmin | Tailwind CSS | |
---|---|---|
9 | 1268 | |
7,849 | 77,609 | |
0.2% | 2.6% | |
7.5 | 8.8 | |
27 days ago | about 19 hours ago | |
Ruby | TypeScript | |
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.
RailsAdmin
-
Ask HN: Why aren't Django Admin style dashboards popular in other frameworks?
Like most things, it's probably a combination of things.
The Django Admin existed before Django publicly existed. That meant that once anyone started using Django they knew that they should constrain their use of Django in certain ways so that the Django Admin would work with their usage. Features that would be added to Django would be built with the Django Admin in mind.
Many tools like Flask or FastAPI don't have an opinionated model layer like Django. Without that, you can't really create an admin interface programatically. People could be storing their data in any sort of fashion anywhere. How would one build an admin system for something like Flask or FastAPI where there's no convention around how people set up data access? A lot of frameworks out there don't tell you "access your data in this way" or "this is how users will be authenticated." Without those two things, it's hard to really create an admin system.
There are similar systems available for some frameworks, but since they aren't part of the core framework, they don't get the same attention. Someone creates it, but it doesn't have the kind of community buy-in that sustains it. One of the odd things about Django is that the admin system is under `django.contrib` which indicated that they didn't intend for it to be in the core of Django forever, but that's not really how `django.contrib` ended up. It continued to be a core part of Django maintained as part of the framework.
Like I said, there are admin dashboards available in other frameworks like RailsAdmin (https://github.com/railsadminteam/rails_admin) or Core Admin for .NET (https://github.com/edandersen/core-admin) and I'm sure there's more. However, both Rails and .NET provide most of what Django provides (and a lot more than most frameworks). Rails and .NET both have a default data access ORM that a majority of people using those frameworks tend to use. .NET has built-in authentication/authorization so the admin can work off that. Rails doesn't have auth, but RailsAdmin uses some plugins.
-
From partials to ViewComponents: writing reusable front-end code in Rails
We briefly considered migrating to a full-grown Rails admin interface, such as ActiveAdmin, RailsAdmin, Administrate or Avo. We especially liked Avo which is built on a very modern stack similar to ours (Tailwind + Hotwire + ViewComponents). In the end, we didn’t go this route as we found some of the options a bit too restrictive (even though Avo is very flexible) and we did not feel like trying to amend it to our needs. For example, Avo renders forms in a 1-field-per-row layout while we wanted something more similar to the Tailwind UI Stacked form layout. Nevertheless, we found a great deal of inspiration in the Avo code and its design principles.
-
railstart-niceadmin support more features
- [rails_admin](https://github.com/railsadminteam/rails_admin)
-
railstart-niceadmin release now!Backend management system based on Bootstrap 5 and NiceAdmin and Rails 7
rails_admin
-
Admin Framework for Rails
https://github.com/railsadminteam/rails_admin is very popular and i find it very easy to use.
-
🤷♀️ The easiest way to monitor your app in production is email?
It's really helpful to have a way to track what's going on with your application in production, things like: number of user sign ups, status of user accounts, number of X new database entries etc. Out of the box dashboards like Rails Admin are great but only go so far, eventually you will want significant customizations.
-
An Easy Admin Panel - Rails 6
Having an admin panel in your Rails application is honestly, to me, the best thing to do when it comes to keeping track of your users and giving them permissions. Finding out how to have an admin panel though, that was tough, mainly because I wasn’t searching for the right thing. The rails_admin gem, so simple but can control so much! The installation and usage is very simple depending on what you are trying to use it on. I should probably tell you, I am using devise with the user having a boolean attribute called admin.
-
Ask HN: What is an easy way to create web UIs as a back end dev/data scientist?
Check out Retool: https://www.ycombinator.com/companies/1564
A wswig for internal UI/dashboards has a lot of value for companies that don't have a dedicated internal tools team.
My company had an internal tools teams at one point but it got killed because of other business priorities.
We use https://github.com/sferik/rails_admin, that still requires development time and frontend knowledge, but the framework is terrible.
https://marmelab.com/react-admin/ is much better but also required development time and frontend knowledge.
Tailwind CSS
-
Building a Dynamic Job Board with Issues Github, Next.js, Tailwind CSS and MobX-State-Tree
Basic knowledge of Tailwind CSS and MobX-State-Tree
-
Open-source timepicker components for Tailwind CSS
Tailwind CSS
-
Exploring Catalyst, Tailwind's UI kit for React
Be sure to have the latest version of Tailwind CSS to avoid compatibility issues, as Catalyst uses the newest version
-
Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained
For development of the UI components, we tried something new. Vercel has this new AI tool called v0.dev that allows developers to take advantage of shadcn/ui and Tailwind using nothing but words, which can then be easily downloaded to your local project using nothing but a simple npx command.
- Creating Nx Workspace with Eslint, Prettier and Husky Configuration
- Css2wind – a minigame to learn Tailwind CSS
-
I Deployed My Own Cute Lil’ Private Internet (a.k.a. VPC)
Each app’s front end is built with Qwik and uses Tailwind for styling. The server-side is powered by Qwik City (Qwik’s official meta-framework) and runs on Node.js hosted on a shared Linode VPS. The apps also use PM2 for process management and Caddy as a reverse proxy and SSL provisioner. The data is stored in a PostgreSQL database that also runs on a shared Linode VPS. The apps interact with the database using Drizzle, an Object-Relational Mapper (ORM) for JavaScript. The entire infrastructure for both apps is managed with Terraform using the Terraform Linode provider, which was new to me, but made provisioning and destroying infrastructure really fast and easy (once I learned how it all worked).
- Free Resources Every Web Developer Should Know About
-
Tailwind CSS v4.0.0 Alpha
Sure. The solution is to disable preflight or override its styles.
-
🤓 My top 3 Go packages that I wish I'd known about earlier
✨ In recent months, I have been developing web projects using GOTTHA stack: Go + Templ + Tailwind CSS + htmx + Alpine.js. As soon as I'm ready to talk about all the subtleties and pitfalls, I'll post it on my social networks.
What are some alternatives?
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
antd - An enterprise-class UI design language and React UI library
unocss - The instant on-demand atomic CSS engine.
windicss - Next generation utility-first CSS framework.
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
vuetify - 🐉 Vue Component Framework
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
ActiveAdmin - The administration framework for Ruby on Rails applications.
element-plus - 🎉 A Vue.js 3 UI Library made by Element team
Bulma - Modern CSS framework based on Flexbox
esbuild - An extremely fast bundler for the web