Basic Components

screenshot of Basic Components
django
flask
tailwind
alpinejs

Server-side components for your Python web framework that you can copy and paste into your apps, based on shadcn/ui. Made with JinjaX, htmx, Alpine.js and Tailwind CSS. Open source.

Overview

The basic-components library is a powerful tool for developers looking to enhance their web applications with reusable server-side components. It leverages popular technologies such as Shadcn/UI, JinjaX, Alpine.js, and Tailwind CSS, ensuring a flexible and robust framework for creating rich user interfaces. With straightforward installation and usage guidelines, it offers clean rendering of components that make interacting with dynamic data seamless.

Designed to be htmx-friendly, the components seamlessly integrate into various web frameworks like FastAPI, Flask, and Django. This makes it easier than ever to build interactive applications without the overhead of complex client-side logic. Whether you’re creating a simple form or a complex dashboard, basic-components provides essential building blocks to streamline development.

Features

  • Reusability: Create and use server-side components just like React, promoting code efficiency and management.
  • Tailwind CSS Integration: Utilize Tailwind CSS classes for styling, enabling rapid design and customization.
  • htmx Support: Effortlessly add dynamic behavior to your applications without heavy JavaScript reliance.
  • Flexible Installation Options: Choose between minimal utility functions or full package installation based on your project needs.
  • Multipurpose Components: Offers a variety of built-in components, including buttons, alerts, dialogs, and more, covering most development scenarios.
  • Documentation Availability: Comprehensive documentation ensures that developers can easily navigate features and implementation.
  • Community Contributions: Encourages community engagement, allowing developers to contribute and enhance the library continually.
  • MIT License: Open-source license promotes freedom to use and modify the components as needed.
django
Django

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.

flask
Flask

Flask is a lightweight and popular web framework for Python, known for its simplicity and flexibility. It is widely used to build web applications, providing a minimalistic approach to web development with features like routing, templates, and support for extensions.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

alpinejs
Alpine.js

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.