CatDesign

KO | EN

gitlite — search

#python #telegram #html #react-native #css #javascript #ios #typescript #machine-learning #svelte #github #deep-learning

★ 67 Open GitHub ↗

Design System using new python ui framework called "NiceGUI".

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# CatDesign: A Design System for NiceGUI
CatDesign is a comprehensive design system built on top of the innovative Python UI framework, NiceGUI. It offers a set of pre-styled components and features that are readily usable, allowing you to build visually appealing and consistent interfaces swiftly.

## Look and feel
Here are some of the components already developed and ready for use in CatDesign:
  
<img width="374" alt="SCREENSHOT 6" src="https://user-images.githubusercontent.com/29439003/225862437-6fdd18eb-8170-45f7-a8d9-45f545ef448d.png">
<img width="1433" alt="Bildschirmfoto 2023-05-18 um 15 37 15" src="https://github.com/ofenbach/CatDesign/assets/29439003/c2c66bc6-fc72-486e-836a-f8d0c1c898bb">
<img width="840" alt="SCREENSHOT 5" src="https://user-images.githubusercontent.com/29439003/225862494-7951ec66-a07e-4493-a213-141635a3e324.png">
<img width="498" alt="SCREENSHOT 7" src="https://user-images.githubusercontent.com/29439003/225862453-6ca1c98b-c388-435a-83a9-05a8060e4dd2.png">
<img width="539" alt="SCREENSHOT 4" src="https://user-images.githubusercontent.com/29439003/225862474-8c2b4768-7bcf-4969-9884-b9fc46152770.png">
<img width="1660" alt="Bildschirmfoto 2023-05-13 um 14 17 11" src="https://github.com/ofenbach/CatDesign/assets/29439003/7d0ef1c5-a302-4b94-ae40-0fe5d2e8bda8">
<img width="350" alt="Bildschirmfoto 2023-05-13 um 14 17 06" src="https://github.com/ofenbach/CatDesign/assets/29439003/660fcd5d-5627-4345-89fb-e3f7e7029d3a">
<img width="273" alt="Bildschirmfoto 2023-05-13 um 14 17 02" src="https://github.com/ofenbach/CatDesign/assets/29439003/893d44fa-6faf-49c7-aed2-7d3353965b41">
<img width="1624" alt="Bildschirmfoto 2023-07-07 um 10 46 09" src="https://github.com/ofenbach/CatDesign/assets/29439003/c2b853b3-b6a1-451c-8ae0-16f2ea541edf">
<img width="744" alt="Bildschirmfoto 2023-07-07 um 11 27 01" src="https://github.com/ofenbach/CatDesign/assets/29439003/219b812a-44e7-4a41-99d2-7ec65d29fa8a">

## Features
Currently, CatDesign provides the following components and features:
Divider  
Card  
TweetCard  
Status  
Notification  
TextField  
Typography (using Poppins)  
Color scheme

## Upcoming Components
Here are some components that will be available soon:
RadioButton  
Switch  
Menu  
Header  
Footer

## Getting Started
Take a look at the main.py for instructions.

Here's an example of how to use CatDesign to create a card:
```python
card(ui, font_scheme, color_scheme, "images/cat_card.png", "Hi! I am your cat.", "Feed me or I get angry.")
```

## License
CatDesign is under the MIT license. See the LICENSE file for more details.

## NiceGUI
CatDesign is a design system tailored for NiceGUI, a web UI framework using Python.
To learn more about NiceGUI and its capabilities, visit its [GitHub Repository](https://github.com/zauberzeug/nicegui).

## Other stuff
Check out my latest audio mental health project which implements a few designs from catdesign:
https://binauro.com  or https://binauro.com/ambient-noises

CatDesign

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README