tailwindcss-rails-custom-error-page-templates

KO | EN

gitlite — search

#python #hacktoberfest #golang #go #rust #deep-learning #docker #java #kubernetes #awesome-list #pytorch #security #mcp #open-source

tailwindcss-rails-custom-error-page-templates

(★ 12)

A set of error page templates built with TailwindCSS for Ruby on Rails apps.

tailwindcss-rails-custom-error-page-templates 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Tailwind CSS Rails Custom Error Page Templates
These are set of HTML templates built as a replacement for default Ruby on Rails error page templates, found in Rails app /*public*/ folder.

The default error pages especially the 404 page leaves me confused or even alarmed when I see them as something has broken and that we are stuck.

![Default vs Custom](https://github.com/mdjamal/tailwindcss-rails-custom-error-page-templates/raw/master/screenshots/default-vs-custom.jpg)

So have designed these error pages 404, 422 and 500 and will be using them for all my rails project.

It’s simple HTML code and looks stunning thanks to awesome [TailwindCSS](https://tailwindcss.com/) and beautiful illustrations by [Ouch.pics](https://icons8.com)

Included 3 styles in folder titled after CSS position [*Static*](#static), [*Static-Illustrated*](#static-illustrated) and [*Absolute*](#absolute).

To use just copy the style you like and replace the error pages in your Rails app /*public*/ folder. The HTML uses TailwindCSS CDN., to keep it simple portable and not worry about Rails Asset Pipeline.

## Static
A very simple and normal layout with elements stacked.

![Static](https://github.com/mdjamal/tailwindcss-rails-custom-error-page-templates/raw/master/screenshots/Sizzy-iPhone%2011%20Pro%20%2003Mar%2016.31.png)

## Static Illustrated
Similar to static but uses illustration instead of the error codes.

![Illustrated](https://github.com/mdjamal/tailwindcss-rails-custom-error-page-templates/raw/master/screenshots/Sizzy-iPhone%2011%20Pro%20%2003Mar%2016.36.png)

## Absolute
The elements are layered on top using the absolute position in wide screens and stacked in small screens.

![Absolute Big Screen](https://github.com/mdjamal/tailwindcss-rails-custom-error-page-templates/raw/master/screenshots/Sizzy-iPad%20Pro%2011%20%2003Mar%2016.39.png)

![Absolute Small Screen](https://github.com/mdjamal/tailwindcss-rails-custom-error-page-templates/raw/master/screenshots/Sizzy-iPhone%2011%20Pro%20%2003Mar%2016.39.png)

## License
This is available as open-source under the terms of the MIT License.

tailwindcss-rails-custom-error-page-templates

tailwindcss-rails-custom-error-page-templates 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

tailwindcss-rails-custom-error-page-templates

tailwindcss-rails-custom-error-page-templates 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README