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.

Amsterdam, The Netherlands Joined on Sep 29, 2023 [email protected] https://railsdesigner.com/

Rails Designer

Oct 31

Hotwire and Stimulus Tools You Need to Know

#rails #ruby #hotwire #webdev

2 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.

Create Account

Already have an account? Sign in

Rails Designer

Oct 29

Basic Autocomplete Without JavaScript using Datalist

#webdev #javascript #design #html

2 min read

Rails Designer

Oct 28

Tailwind CSS Patterns

#css #tailwindcss #webdev #design

1 min read

Rails Designer

Oct 24

Broadcast Turbo Streams without Redis

#rails #ruby #hotwire

8 min read

Rails Designer

Oct 23

New: Rails Development Tool

#ruby #rails #webdev #hotwire

2 min read

Rails Designer

Oct 22

How do Turbo Streams Work (behind the scenes)

#hotwire #ruby #rails #javascript

3 min read

Rails Designer

Oct 17

Changing CSS as You Scroll with Stimulus

#hotwire #javascript #rails #webdev

2 min read

Rails Designer

Oct 16

JavaScript for Rails Developers Book

#ruby #rails #javascript #hotwire

1 min read

Rails Designer

Oct 14

Rails Designer v1.7: Add Smooth Turbo Stream Transitions

#ruby #rails #hotwire #tailwindcss

1 min read

Rails Designer

Oct 10

Smooth Transitions with Turbo Streams

#ruby #rails #hotwire #javascript

3 min read

Rails Designer

Oct 7

S3 Alternatives for Rails' ActiveStorage

#rails #ruby #webdev #aws

2 min read

Rails Designer

Oct 3

ActiveStorage Direct Upload with Stimulus

#rails #ruby #hotwire #webdev

3 min read

Rails Designer

Sep 30

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

#rails #ruby #hotwire #tailwindcss

1 min read

Rails Designer

Sep 27

Rails Designer v1.6: Drag & Drop image support

#ruby #rails #tailwindcss #hotwire

1 min read

Rails Designer

Sep 26

Drag & Drop Images with Preview using Stimulus Outlets

#ruby #rails #hotwire #javascript

2 min read

Rails Designer

Sep 19

Conditionally Style Turbo Frame Content

#ruby #rails #hotwire #tailwindcss

4 min read

Rails Designer

Sep 17

Fix Any CSS Z-index Issue With This One Trick

#css #tailwindcss #webdev #rails

2 min read

Rails Designer

Sep 16

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

#rails #ruby #hotwire #webdev

2 min read

Rails Designer

Sep 12

Create a Resizable Navigation with Stimulus

#rails #ruby #hotwire #javascript

3 min read

Rails Designer

Sep 10

Connected and Disconnected Target Callbacks with Stimulus

#ruby #rails #hotwire #webdev

2 min read

Rails Designer

Sep 5

Building Nested Forms in Rails with Stimulus

#stimulus #hotwire #rails #ruby

3 min read

Rails Designer

Sep 3

Refactor Stimulus.js Controllers to Use Change Callbacks

#rails #ruby #stimulus #hotwire

2 min read

Rails Designer

Aug 29

Launch a Turbo Modal with URL Params Using Stimulus

#rails #ruby #hotwire #webdev

3 min read

Rails Designer

Aug 27

Tidy up your Rails code with `inquiry`

#ruby #rails #webdev

2 min read

Rails Designer

Aug 26

Introducing: Beautiful Layouts for Your Rails App

#ruby #rails #webdev #ui

1 min read

Rails Designer

Aug 23

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

#rails #ruby #uidesign #webdev

1 min read

Rails Designer

Aug 22

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

#rails #ruby #webdev #ux

3 min read

Rails Designer

Aug 20

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

#ruby #rails #webdev

2 min read

Rails Designer

Aug 15

Nested Forms With Turbo (without dependencies)

#rails #ruby #hotwire #webdev

3 min read

Rails Designer

Aug 14

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

#rails #ruby #hotwire #webdev

1 min read

Rails Designer

Aug 13

Nested Layouts with Ruby on Rails

#ruby #rails #webdev #design

2 min read

Rails Designer

Aug 8

Preview an Image Before Upload with Hotwire/Stimulus

#ruby #rails #hotwire #webdev

2 min read

Rails Designer

Aug 7

Ship a SaaS From Zero to Customers in One Month

#startup #saas #webdev

2 min read

Rails Designer

Aug 6

New Rails Designer Tool: beautiful gradients with Tailwind CSS

#webdev #design #tailwindcss

1 min read

Rails Designer

Aug 2

Rails Designer v1.2: Preview Images before Upload

#rails #ruby #webdev #ui

1 min read

Rails Designer

Aug 1

From Partials (and Helpers) to Embracing ViewComponent in Rails

#rails #ruby #webdev

5 min read

Rails Designer

Jul 30

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

#webdev #css #rails #ruby

2 min read

Rails Designer

Jul 25

Inline Save and Add Another with Rails and Hotwire

#rails #ruby #hotwire #webdev

3 min read

Rails Designer

Jul 24

Rails Designer v1.1 released: FormLabelComponent + MediaList

#rails #ruby #webdev #hotwire

1 min read

Rails Designer

Jul 23

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

#ruby #rails #webdev #design

3 min read

Rails Designer

Jul 18

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

#rails #ruby #hotwire #webdev

3 min read

Rails Designer

Jul 15

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

#ruby #rails #webdev

2 min read

Rails Designer

Jul 11

Rails Designer V1 is here!

#rails #tailwindcss #hotwire #ui

1 min read

Rails Designer

Jul 8

Add a custom Tailwind CSS class for reusability and speed

#tailwindcss #ruby #rails #webdev

2 min read

Rails Designer

Jul 4

UI Design Tips Using Tailwind CSS for Developers

#webdev #tailwindcss #ruby #rails

5 min read

Rails Designer

Jul 1

When to use `link_to` and `button_to` in Rails

#rails #ruby #webdev

2 min read

Rails Designer

Jun 27

How to add “Save and add another” feature to Rails apps

#rails #ruby #webdev

2 min read

Rails Designer

Jun 20

How to Create an Undo Action with Rails

#rails #ruby #hotwire #webdev

4 min read

Rails Designer

Jun 13

How Layouts Work in Rails

#rails #ruby #webdev

3 min read

Rails Designer

Jun 10

How to disable Rails Form's `.field_with_errors`

#rails #ruby #webdev

1 min read

Rails Designer

Jun 6

Update a Progress Bar using Turbo Streams (using Custom Actions)

#rails #ruby #hotwire #webdev

3 min read

Rails Designer

Jun 4

PayPal is now accepted on Rails Designer

#rails #ruby #webdev #tailwindcss

1 min read

Rails Designer

May 30

Lesser Known Rails Helpers to Write Cleaner View Code

#rails #webdev #ruby

3 min read

Rails Designer

May 28

Customize the Turbo Progress Bar

#rails #ruby #webdev #hotwire

2 min read

Rails Designer

May 23

Communicating between Stimulus Controllers using Outlets API

#rails #hotwire #webdev #stimulus

3 min read

Rails Designer

May 20

Rails Designer v0.12.0 released. New utilities category 💖

#rails #ruby #tailwindcss #webdev

1 min read

Rails Designer

May 16

Inline SVG Icons in Your Rails App

#rails #webdev #design #ruby

2 min read

Rails Designer

May 14

Custom Confirm Dialog For Turbo and Rails

#rails #hotwire #webdev #javascript

2 min read

Rails Designer

May 9

Simple Preferences to Any Resource with Ruby on Rails

#rails #webdev #ruby

3 min read

Rails Designer

May 7

ViewComponent Cheatsheet

#rails #webdev #viewcomponent #ruby

1 min read

One Year Club

4 Week Community Wellness Streak

2 Week Community Wellness Streak

1 Week Community Wellness Streak

Writing Debut

Want to connect with Rails Designer?