django-compressor VS django-crispy-forms

In general, you can use almost any plain JS library by simply loading it in your view template. For forms specifically, you can write custom widgets and define dependencies to libraries via form assets. django-compressor might be worth a look if you go heavy on this.

Idk, it depends on how much you care about the page loading time. Even without the PurgeCSS filter, I would recommend the Django Compressor app. I use it on all my websites. It automatically merges your css/js files and minifies them (removes white spaces, comments, etc.). It also creates a unique name for the combined CSS so if you changed your CSS files, your users will always see the fresh version, not the cached by the browser one.

django_compressor - for merging and minimizing css and js assets

django-compressor with django-libsass for auto sass compilation

But isn't that what you have django-compressor for?

The external dependencies were downloaded into the static/ folder containing all frontend assets using yarn and a package.json. Other than that, yarn was not used. Next I ran a bash script that removed all files I did not need, keeping the javascript, css and font files that should be served. In html, these files where directly included. I knew that loading many files is bad, so I used django-compressor to combine them into one big file. Conveniently, this tool also provided me with a way to compile scss.

We start with an empty Django project which we call babelbox_project and an empty app called babelbox. We use the django-crispy-forms package to style our forms with Bootstrap.

django-crispy-forms - have to put this up again, amazing for rendering forms simply.

django-crispy-forms

Unless I'm misunderstanding the image/description, you only mentioned one field, phone_number, so I'm not exactly sure what you're wanting separated. In any case, are you using django-cirpsy-forms? You may want to give that a try, then following the advice from the article above you can customize your forms as you see fit with some easy bootstrap styling to boot:

Doc: https://django-crispy-forms.readthedocs.io/en/latest/ Source: https://github.com/django-crispy-forms/django-crispy-forms

Does this link help at all?