• Stars
    star
    221
  • Rank 179,773 (Top 4 %)
  • Language
    Ruby
  • License
    MIT License
  • Created over 3 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A native development UI for ViewComponent

A UI development environment for Ruby on Rails applications.

Documentation Β |Β  Demo site

Gem version CI status


Lookbook combines a powerful component browser and preview system with an integrated documentation engine to help teams build robust, modular, maintainable user interfaces. Learn more β†’

Lookbook UI

Development

Lookbook is implemented as an isolated Rails Engine and uses ViewComponent, Tailwind and Alpine for its UI.

This repository contains:

Documentation site

The Lookbook docs site is built using Bridgetown and the source files can be found in the ./docs directory.

To preview changes locally you can run a development version of the docs site:

  1. Clone this repo
  2. Install dependencies: bundle install
  3. Start the app: bin/docs
  4. Visit http://localhost:4000

Testing

Lookbook uses RSpec for testing.

Tests can be run using the rake spec or bundle exec rspec commands.

The dummy app that the tests are being run against can be viewed by running the bin/dummy command and then browsing to http://localhost:9292/lookbook

Releases

Lookbook uses Release It! to automate the release process.

Running npm run release will start the process of publishing a new release and walks though all the steps from picking a version number to publishing the updated gem.

Publishing a release requires write permissions for this repository (ViewComponent/lookbook) and 2FA publish permissions for Lookbook on RubyGems.

Contributing

Lookbook is an un-funded open source project and contributions of all types and sizes are most welcome!

Please take the time to read over the Contributing guide before making your first contribution and if anything isn't clear then start a discussion and we will do our best to help you out.

Contributors

Lookbook was created by Mark Perkins and continues to grow & improve thanks to the ideas, suggestions and hard work of all of these excellent humans:

License

The gem is available as open source under the terms of the MIT License.

More Repositories

1

purl

[NO LONGER MAINTAINED] A JS utility for for parsing URLs and extracting information out of them.
JavaScript
1,850
star
2

snoopy

A view-source and page info bookmarklet for mobile browsers.
JavaScript
208
star
3

responsive-images-alt

An alternative approach to the Filament Group's responsive images technique.
JavaScript
42
star
4

sniffer

Sniffs web pages to extract information such as JS libraries, CMS, analytics packages, etc via JavaScript
JavaScript
27
star
5

jQuery-Hotspot

Gives grid-based custom hover and click events on DOM elements.
JavaScript
10
star
6

frekyll

[WIP] Fractal ❀️ Jekyll ?
JavaScript
6
star
7

fractalite

[Moved to https://github.com/frctl/fractalite]
6
star
8

nunjucks-with

A scoped context block extension for Nunjucks
JavaScript
5
star
9

dayglo-php

A data file loader/parser for PHP 5.4+
PHP
5
star
10

dirscribe

Describe a recursive directory structure as a nested JSON object
JavaScript
5
star
11

fractal-nested-components-example

Example of using handlebars-layouts with Fractal and some context data merging
HTML
4
star
12

lookbook-demo

Demo application for Lookbook
Ruby
3
star
13

clip

PHP library for creating better command line utilities
PHP
2
star
14

lookbook-rails-5.2.5-test

For debugging purposes.
Ruby
1
star
15

async-talk

Demo code for AsyncJS talk on Fractal.
CSS
1
star
16

fang

A tiny utility to get language information about a file.
JavaScript
1
star
17

twig-extensions

A few handy extensions for Twig.
PHP
1
star
18

allmarkedup.github.io

Personal site.
HTML
1
star
19

readr

Recursively list all files and directories within a target directory.
JavaScript
1
star
20

fractal-gulp-plugin

Run your Gulp tasks from within Fractal's interactive CLI.
JavaScript
1
star
21

pick

A collection of best practice examples for front-end web design and development.
CSS
1
star
22

super-sharp-router

A sharp little routing library for PHP 5.4+
PHP
1
star
23

reemote

A fluent interface for running tasks on remote servers via SSH.
PHP
1
star
24

climate

Generate styled terminal output using a markup-style syntax
JavaScript
1
star