• Stars
    star
    368
  • Rank 115,958 (Top 3 %)
  • Language
    Python
  • License
    BSD 3-Clause "New...
  • Created almost 5 years ago
  • Updated about 1 month ago

Reviews

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

Repository Details

UI pattern libraries for Django templates

django-pattern-library

PyPI PyPI downloads Build status

UI pattern libraries for Django templates. Try our online demo.

Screenshot of the pattern library UI, with navigation, pattern rendering, and configuration

Features

This package automates the maintenance of UI pattern libraries or styleguides for Django projects, and allows developers to experiment with Django templates without having to create Django views and models.

  • Create reusable patterns by creating Django templates files as usual.
  • All patterns automatically show up in the pattern library’s interface.
  • Define data as YAML files for the templates to render with the relevant Django context.
  • Override Django templates tags as needed to mock the template’s dependencies.
  • Document your patterns with Markdown.

Why you need this

Pattern libraries will change your workflow for the better:

  • They help separate concerns, both in code, and between members of a development team.
  • If needed, they make it possible for UI development to happen before models and views are created.
  • They encourage code reuse – defining independent UI components, that can be reused across apps, or ported to other projects.
  • It makes it much simpler to test UI components – no need to figure out where they’re used across a site or app.

Learn more by watching our presentation – Reusable UI components: A journey from React to Wagtail.

Online demo

The pattern library is dependent on Django for rendering – but also supports exporting as a static site if needed. Try out our online demo:

Documentation

Documentation is available at torchbox.github.io/django-pattern-library, with source files in the docs directory.

Contributing

See anything you like in here? Anything missing? We welcome all support, whether on bug reports, feature requests, code, design, reviews, tests, documentation, and more. Please have a look at our contribution guidelines.

If you want to set up the project on your own computer, the contribution guidelines also contain all of the setup commands.

Nightly builds

To try out the latest features before a release, we also create builds from every commit to main. Note we make no guarantee as to the quality of those pre-releases, and the pre-releases are overwritten on every build so shouldn’t be relied on for reproducible builds. Download the latest django_pattern_library-0.0.0.dev0-py3-none-any.whl.

Credits

View the full list of contributors. BSD licensed.

Project logo from FxEmoji. Documentation website built with MkDocs, and hosted in GitHub Pages.

More Repositories

1

django-recaptcha

New maintainers 🚧 --- Django reCAPTCHA form field/widget integration app.
Python
929
star
2

django-libsass

A django-compressor filter to compile SASS files using libsass
Python
265
star
3

vagrant-django-template

Skeleton project for a Django app running under Vagrant
Python
240
star
4

wagtailmedia

A Wagtail module for managing video and audio files within the admin
Python
233
star
5

wagtail-markdown

Markdown support for Wagtail
Python
198
star
6

wagtail-grapple

A Wagtail app that makes building GraphQL endpoints a breeze!
Python
154
star
7

wagtail-torchbox

Wagtail build of Torchbox.com
Python
124
star
8

wagtail-headless-preview

Previews for headless Wagtail setups
Python
120
star
9

wagtail-experiments

A/B testing for Wagtail
Python
105
star
10

vagrant-django-base

Vagrant configuration for a base box for Django development
Shell
90
star
11

storybook-django

Develop Django UI components in isolation, with Storybook
JavaScript
83
star
12

cookiecutter-wagtail

Python
54
star
13

k8s-hostpath-provisioner

Network storage provisioner for Kubernetes
Go
52
star
14

kdtool

Kubernetes deployment utility
Python
45
star
15

kube-ldap-authn

Kubernetes LDAP authentication service
Python
42
star
16

wagtail-wordpress-import

A package for Wagtail CMS to import WordPress blog content from an XML file into Wagtail
Python
40
star
17

wagtail-storages

Use AWS S3 with private documents in Wagtail
Python
40
star
18

design-in-browser-bootstrap

An aid to quickly starting Design In the Browser
JavaScript
34
star
19

wagtail-import-export

UNMAINTAINED. Try wagtail-transfer, the evolution of this package: https://github.com/wagtail/wagtail-transfer/
Python
32
star
20

wagtail-content-import

A module for importing page content into Wagtail from third-party sources. Docs:
Python
32
star
21

rustface-py

Python library for detecting faces in images.
Rust
31
star
22

wagtailquickcreate

Wagtail Quick Create offers shortcut links to create objects from models specified in your settings file.
Python
25
star
23

wagtailguide

An app for adding a CMS guide to your Wagtail CMS
Python
23
star
24

k8s-ts-ingress

Kubernetes Ingress controller as a Traffic Server plugin
C
22
star
25

wagtailsurveys

Python
21
star
26

vagrant-thumbor-base

Vagrant box providing a thumbor service over HTTP
Shell
20
star
27

wagtail-footnotes

Python
20
star
28

wagtail-template

A Django template for starting new Wagtail projects with Vagrant. NO LONGER MAINTANED
Python
19
star
29

buckup

Creating S3 buckets for your site with ease.
Python
18
star
30

wagtail-ab-testing

A/B testing for Wagtail
Python
17
star
31

torchbox-frontend

JavaScript
16
star
32

wagtail-appengine-demo

The simplest possible Wagtail site on Google Cloud
CSS
15
star
33

django-basic-auth-ip-whitelist

Hide your Django site behind basic authentication with IP whitelisting support
Python
14
star
34

verdant-rca

Python
13
star
35

docker-php

Docker PHP Images based on official PHP
Shell
12
star
36

longform

A plugin for longform content in Wagtail
CSS
12
star
37

wagtail-purge

A simple Wagtail admin UI for removing individual pages from your CDN's cache
Python
10
star
38

wagtail-webstories

AMP web story support for Wagtail
Python
9
star
39

rca-wagtail-2019

Python
8
star
40

stylelint-config-torchbox

Shareable stylelint config for CSS and SCSS, following Torchbox’s code style.
JavaScript
7
star
41

cloudflare-recipes

Cloudflare service worker recipes
JavaScript
7
star
42

trafficserver-ingress-controller

Apache Traffic Server ingress controller for Kubernetes
Perl
7
star
43

tbxforms

A Torchbox-flavoured template pack for django-crispy-forms, adapted from crispy-forms-gds.
HTML
6
star
44

wagtailapi

A module for adding a read only, JSON based web API to your Wagtail site (NO LONGER MAINTAINED! Use Wagtails contrib.wagtailapi module instead)
Python
6
star
45

webstories

Parser for AMP web stories
Python
6
star
46

wagtail-makeup

Wagtail plugin to replace all your broken local images with unsplash ones
Python
6
star
47

samaritans-patterns

HTML
5
star
48

wagtail-bookmarklet

Gives Wagtail editors an 'edit this page' bookmarklet, for scenarios where the user bar isn't available
Python
5
star
49

django-registration

Tweaked Django >=1.6-compatible version of django-registration
Python
5
star
50

careers

Torchbox careers site
TypeScript
4
star
51

ample

Cross-browser audio playback library, with HTML5 and Flash backends
JavaScript
4
star
52

wagtail-periodic-review

A Wagtail package for periodic page content reviews
Python
4
star
53

nhs-organisations

Python
3
star
54

wagtail-jotform

A plugin for using jotforms in wagtail
Python
3
star
55

wagtail-bynder

Wagtail + Bynder Digital Asset Management System integration
Python
3
star
56

wagtailapidemo

Wagtaildemo with API enabled
Python
3
star
57

eslint-config-torchbox

Shareable ESLint config following Torchbox’s code style
JavaScript
3
star
58

wagtail-mongodb

Python
3
star
59

christmas-video-2017

CSS
2
star
60

dit_directory_cms_poc

Proof-of-concepts for potential improvements to uktrade/directory-cms
Python
2
star
61

wagtail-related

Python
2
star
62

resourcespace_plugin-api_markasused

API plugin for resourcespace that updates a resourcespace entry
PHP
2
star
63

wagtail-azure-cdn

Use Azure CDN with Wagtail CMS.
Python
2
star
64

heroku-cloudflare-app-domain

Create branded herokuapp.com domains through Cloudflare
Python
2
star
65

demo.wagtail.io

Configuration for demo.wagtail.io
Python
2
star
66

christmaschorus

the 2011 musical christmas card
JavaScript
2
star
67

ngxpurged

nginx cache purge daemon
Python
2
star
68

django-tagging

Fork via PyPI v0.3.4 to maintain Django compatibility. Unmaintained for Django >= 1.10
Python
2
star
69

torchbox.com

Torchbox website 2024 incarnation
Python
2
star
70

resourcespace_plugin-api_resource

API plugin for resourcespace that fetches a resource metadata or a resource file in stream
PHP
2
star
71

docker-rsync

Trivial Docker image containing Alpine Linux with rsync installed
Makefile
1
star
72

heroku-restarter

Restarts Heroku applications based on timeout alerts in Papertrail
Python
1
star
73

django-piston

Fork of the popular REST API mini-framework
Python
1
star
74

tate-cms

Tate CMS project’s sprint notes
1
star
75

kube-registry-proxy

Shell
1
star
76

docker-trafficserver

1
star
77

healtheintent-api-python

Python
1
star
78

raxtool

Rackspace Cloud management tool
Python
1
star
79

ceph-rbd-provisioner

1
star
80

django-importo

A developer-friendly framework for importing data into Django apps
Python
1
star
81

wagtail_picture_proposal

Code snippets for an experimental picture tag for Wagtail. Not intended for reuse
Python
1
star
82

nlbq

Natural language interface to BigQuery
Python
1
star
83

nuffield-nhs-timeline

Nuffield NHS Timeline
HTML
1
star