DEV Community

Rails Designer profile picture

Rails Designer

Rails Designer is the first professionally designed UI components library for Ruby on Rails. Build beautiful, faster. Built with ViewComponent. Designed with Tailwind CSS. Enhanced with Hotwire.

Location Amsterdam, The Netherlands Joined Joined on  Email address support@railsdesigner.com Personal website https://railsdesigner.com/
Simple accordion without JavaScript

Simple accordion without JavaScript

1
Comments
3 min read

Want to connect with Rails Designer?

Create an account to connect with Rails Designer. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
Advanced Stimulus: Custom Action Options

Advanced Stimulus: Custom Action Options

1
Comments 1
4 min read
Why Disconnect in Stimulus Controller

Why Disconnect in Stimulus Controller

1
Comments 1
2 min read
Stimulus Features You (Didn't) Know

Stimulus Features You (Didn't) Know

1
Comments 1
4 min read
Spacer Components introduced in ViewComponent 3.20

Spacer Components introduced in ViewComponent 3.20

6
Comments
1 min read
Inline Unsupported Browser Warning (using Rails 7.2 feature)

Inline Unsupported Browser Warning (using Rails 7.2 feature)

7
Comments
2 min read
Inheritance with Stimulus Controllers

Inheritance with Stimulus Controllers

1
Comments 1
3 min read
Don't expose primary id's with Rails' dom_id

Don't expose primary id's with Rails' dom_id

5
Comments 1
1 min read
Add Sign Up to Rails 8' Authentication

Add Sign Up to Rails 8' Authentication

2
Comments
5 min read
Rails Designer v1.9: Bulk Actions 🚚

Rails Designer v1.9: Bulk Actions 🚚

2
Comments
2 min read
Rails' Partial Features You (didn't) Know

Rails' Partial Features You (didn't) Know

2
Comments 1
4 min read
Mathematical and Optically alignment in (visual/UI) design

Mathematical and Optically alignment in (visual/UI) design

2
Comments 3
1 min read
Store UI State in localStorage with Stimulus

Store UI State in localStorage with Stimulus

1
Comments 1
3 min read
Use Action Cable with Your Main PostgreSQL Database

Use Action Cable with Your Main PostgreSQL Database

2
Comments
1 min read
Rails Designer v1.8: Ready for Rails 8 🫶

Rails Designer v1.8: Ready for Rails 8 🫶

1
Comments
1 min read
Hotwire and Stimulus Tools You Need to Know

Hotwire and Stimulus Tools You Need to Know

2
Comments
2 min read
Basic Autocomplete Without JavaScript using Datalist

Basic Autocomplete Without JavaScript using Datalist

1
Comments 1
2 min read
Tailwind CSS Patterns

Tailwind CSS Patterns

2
Comments 1
1 min read
Broadcast Turbo Streams without Redis

Broadcast Turbo Streams without Redis

1
Comments 1
8 min read
New: Rails Development Tool

New: Rails Development Tool

7
Comments 2
2 min read
How do Turbo Streams Work (behind the scenes)

How do Turbo Streams Work (behind the scenes)

1
Comments 1
3 min read
Changing CSS as You Scroll with Stimulus

Changing CSS as You Scroll with Stimulus

2
Comments 1
2 min read
JavaScript for Rails Developers Book

JavaScript for Rails Developers Book

6
Comments 3
1 min read
Rails Designer v1.7: Add Smooth Turbo Stream Transitions

Rails Designer v1.7: Add Smooth Turbo Stream Transitions

1
Comments 1
1 min read
Smooth Transitions with Turbo Streams

Smooth Transitions with Turbo Streams

2
Comments 5
3 min read
S3 Alternatives for Rails' ActiveStorage

S3 Alternatives for Rails' ActiveStorage

3
Comments
2 min read
ActiveStorage Direct Upload with Stimulus

ActiveStorage Direct Upload with Stimulus

1
Comments
3 min read
RailsDesigners.com: Elite Ruby on Rails Product Engineers & UI Designers

RailsDesigners.com: Elite Ruby on Rails Product Engineers & UI Designers

2
Comments
1 min read
Rails Designer v1.6: Drag & Drop image support

Rails Designer v1.6: Drag & Drop image support

1
Comments
1 min read
Drag & Drop Images with Preview using Stimulus Outlets

Drag & Drop Images with Preview using Stimulus Outlets

3
Comments
2 min read
Conditionally Style Turbo Frame Content

Conditionally Style Turbo Frame Content

2
Comments
4 min read
Fix Any CSS Z-index Issue With This One Trick

Fix Any CSS Z-index Issue With This One Trick

2
Comments 1
2 min read
Rails Designer v1.5: CommandMenu now supports remote content 🔍

Rails Designer v1.5: CommandMenu now supports remote content 🔍

1
Comments
2 min read
Create a Resizable Navigation with Stimulus

Create a Resizable Navigation with Stimulus

5
Comments
2 min read
Connected and Disconnected Target Callbacks with Stimulus

Connected and Disconnected Target Callbacks with Stimulus

1
Comments 1
2 min read
Building Nested Forms in Rails with Stimulus

Building Nested Forms in Rails with Stimulus

2
Comments 1
3 min read
Refactor Stimulus.js Controllers to Use Change Callbacks

Refactor Stimulus.js Controllers to Use Change Callbacks

2
Comments 1
2 min read
Launch a Turbo Modal with URL Params Using Stimulus

Launch a Turbo Modal with URL Params Using Stimulus

2
Comments
3 min read
Tidy up your Rails code with `inquiry`

Tidy up your Rails code with `inquiry`

4
Comments 1
2 min read
Introducing: Beautiful Layouts for Your Rails App

Introducing: Beautiful Layouts for Your Rails App

3
Comments 1
1 min read
Rails Designer v1.4 introduces: Beautiful Layouts for Your Rails App

Rails Designer v1.4 introduces: Beautiful Layouts for Your Rails App

1
Comments 1
1 min read
Better Inline Validation for Rails Forms (with ViewComponent or partials)

Better Inline Validation for Rails Forms (with ViewComponent or partials)

1
Comments 1
3 min read
When to Use call, erb_template, or html.erb in Rails ViewComponents?

When to Use call, erb_template, or html.erb in Rails ViewComponents?

5
Comments 1
2 min read
Nested Forms With Turbo (without dependencies)

Nested Forms With Turbo (without dependencies)

5
Comments 1
3 min read
Rails Designer v1.3: Two New Components and Nested Forms Utility 🤯

Rails Designer v1.3: Two New Components and Nested Forms Utility 🤯

1
Comments
1 min read
Nested Layouts with Ruby on Rails

Nested Layouts with Ruby on Rails

5
Comments 1
2 min read
Preview an Image Before Upload with Hotwire/Stimulus

Preview an Image Before Upload with Hotwire/Stimulus

2
Comments 1
2 min read
Ship a SaaS From Zero to Customers in One Month

Ship a SaaS From Zero to Customers in One Month

3
Comments 1
2 min read
New Rails Designer Tool: beautiful gradients with Tailwind CSS

New Rails Designer Tool: beautiful gradients with Tailwind CSS

2
Comments 1
1 min read
Rails Designer v1.2: Preview Images before Upload

Rails Designer v1.2: Preview Images before Upload

7
Comments
1 min read
From Partials (and Helpers) to Embracing ViewComponent in Rails

From Partials (and Helpers) to Embracing ViewComponent in Rails

7
Comments 1
5 min read
Use CSS' `only-child` instead of `if/else` logic

Use CSS' `only-child` instead of `if/else` logic

1
Comments 2
2 min read
Inline Save and Add Another with Rails and Hotwire

Inline Save and Add Another with Rails and Hotwire

2
Comments
3 min read
Rails Designer v1.1 released: FormLabelComponent + MediaList

Rails Designer v1.1 released: FormLabelComponent + MediaList

3
Comments
1 min read
5 UI Components Library for Ruby on Rails (in 2024)

5 UI Components Library for Ruby on Rails (in 2024)

2
Comments 1
3 min read
Add a “X is writing…” with Rails and Turbo

Add a “X is writing…” with Rails and Turbo

4
Comments 1
3 min read
Create a String to Color Helper with Ruby (and Rails)

Create a String to Color Helper with Ruby (and Rails)

1
Comments 1
2 min read
Rails Designer V1 is here!

Rails Designer V1 is here!

2
Comments 1
1 min read
Add a custom Tailwind CSS class for reusability and speed

Add a custom Tailwind CSS class for reusability and speed

3
Comments
2 min read
UI Design Tips Using Tailwind CSS for Developers

UI Design Tips Using Tailwind CSS for Developers

3
Comments 6
5 min read
loading...