https://github.com/layerdynamics/drippp-ui

https://github.com/layerdynamics/drippp-ui

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/layerdynamics/drippp-ui
• Owner: LayerDynamics
• Created: 2024-03-09T20:42:31.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-09T20:48:50.000Z (about 2 years ago)
• Last Synced: 2025-01-28T01:38:31.425Z (about 1 year ago)
• Language: CSS
• Size: 28.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Component Library

----

Dynamic reactive intuitive props interface - default props - prop types validation = Drippp-ui

-------

## Design Principles

------



	


		Type Safety with TypeScript

	

	


		Developer Experience

	

	


		Accessibility

	

	


		Theming and Customization

	

	


		Rich Component Library

	

	


		Modularity

	

	


		Extendable

	



-----

## Color Guide

-----

![](https://img.shields.io/badge/-_-000000?style=flat-square&logoColor=white&color=000000)

![](https://img.shields.io/badge/-_-E8E8E8?style=flat-square&logoColor=white&color=E8E8E8)

![](https://img.shields.io/badge/-_-F6C90E?style=flat-square&logoColor=white&color=F6C90E)

![](https://img.shields.io/badge/-_-303841?style=flat-square&logoColor=white&color=303841)

![](https://img.shields.io/badge/-_-F72798?style=flat-square&logoColor=white&color=F72798)

![](https://img.shields.io/badge/-_-393E46?style=flat-square&logoColor=white&color=393E46)

![](https://img.shields.io/badge/-_-30475E?style=flat-square&logoColor=white&color=30475E)

![](https://img.shields.io/badge/-_-F10086?style=flat-square&logoColor=white&color=F10086)

![](https://img.shields.io/badge/-_-F57D1F?style=flat-square&logoColor=white&color=F57D1F)

![](https://img.shields.io/badge/-_-FD7014?style=flat-square&logoColor=white&color=FD7014)

![](https://img.shields.io/badge/-_-E900FF?style=flat-square&logoColor=white&color=E900FF)

![](https://img.shields.io/badge/-_-F05454?style=flat-square&logoColor=white&color=F05454)

![](https://img.shields.io/badge/-_-EBF400?style=flat-square&logoColor=white&color=EBF400)

![](https://img.shields.io/badge/-_-FFC600?style=flat-square&logoColor=white&color=FFC600)

![](https://img.shields.io/badge/-_-EEEEEE?style=flat-square&logoColor=white&color=EEEEEE)

![](https://img.shields.io/badge/-_-32E0C4?style=flat-square&logoColor=white&color=32E0C4)

`#000000``#E8E8E8``#F6C90E``#303841`

`#F72798``#393E46``#30475E``#F10086`

`#F57D1F``#FD7014``#E900FF``#F05454`

`#EBF400``#FFC600``#BE3030``#32E0C4``

------

## Fonts

------

Hack-web = "./assets/Hack-web/fonts/." 

Inter-4.0 = "./assets/Inter-4.0/web/." 

Geist.mono="./assets/Geist.Mono/."	

----

## Icon Specs

------

size :

Principles:

------

#### Relevant Useful Resources

-----

 Dev Article 



awesome design resources

 



color pallette generator



 frontend design resources 

 frontend checklist 

 link 

 link 

 link 

------