Skip to main content

UI development environment for Django

Project description

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.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_lookbook-1.0.2.tar.gz (1.6 MB view details)

Uploaded Source

Built Distribution

django_lookbook-1.0.2-py3-none-any.whl (1.6 MB view details)

Uploaded Python 3

File details

Details for the file django_lookbook-1.0.2.tar.gz.

File metadata

  • Download URL: django_lookbook-1.0.2.tar.gz
  • Upload date:
  • Size: 1.6 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/5.0.0 CPython/3.12.3

File hashes

Hashes for django_lookbook-1.0.2.tar.gz
Algorithm Hash digest
SHA256 3305b1c458e2a79e82626ded556e9bbdce31825112789473c316aabcdccd3ebb
MD5 fddcd448b27df95dc748e2b177f7e6a5
BLAKE2b-256 355b918068ebee1bae38438571908a5311b5da0b2cb1593342963fc2b12e3b1d

See more details on using hashes here.

File details

Details for the file django_lookbook-1.0.2-py3-none-any.whl.

File metadata

File hashes

Hashes for django_lookbook-1.0.2-py3-none-any.whl
Algorithm Hash digest
SHA256 af8228ceca9c93ae287d447f70923988bb4c4cc9758d371fe22fc95fa42efd10
MD5 0f418493157b3825b778ee3f0874650d
BLAKE2b-256 1889ada3b333bc6ea8d3ac02eda1664de29d4f7d89bf87ebfb7129bee0c50349

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page