Skip to content

Empower your Django development with this pluggable app for creating a robust component library

Notifications You must be signed in to change notification settings

rails-inspire-django/django-lookbook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.