Skip to content

Latest commit

 

History

History
42 lines (25 loc) · 1.97 KB

README.md

File metadata and controls

42 lines (25 loc) · 1.97 KB

Django Lookbook

Empower your Django development with this pluggable app for creating a robust component library. Includes preview system, documentation engine, and parameter editor for building modular UI effortlessly.

Documentation  |  Demo site

Pypi version CI status

Django Lookbook UI

Features

  • Auto-detect and render the previews
  • Filter previews in real-time
  • Draggable and resizable layout
  • Auto extract documentation from the preview doc string
  • Powerful parameter editor, which allows the user to check UI in real-time (for example: change button text and color)
  • This app is pluggable and can be integrated with any Django project

Techs

This project is a reusable Django app that uses the following technologies:

  1. Tailwind CSS
  2. Stimulus JS

Storybook Controls

Storybook Controls gives you a graphical UI to interact with a component's arguments dynamically without needing to code. It creates an addon panel next to your component examples ("stories"), so you can edit them live.

django-lookbook provides simple way to let developer use classic Django form to add Params Editor to the preview, which allow user to interact with the preview in real-time.

Params Editor

Special Thanks

This project is heavily inspired by lookbook from the Rails community.