Skip to content

FakeAlek/folder-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Folder System Logo

Customizable folder component using Web Components and color-blended PNG layers.

License: CNSCL-1.0 Javascript Version

🔧 Features

  • 📁 Custom Folder Component (Web Component / Shadow DOM)
  • 🎨 Fully customizable colors (hex, rgb, rgba, hsl, named colors)
  • 🖼️ PNG texture support with preserved gradients and shading

📸 Preview

Demo von gymStreak

✍️ How to use it

<app-fldr></app-fldr>                             <!-- Standard -->
<app-fldr color="#ffcc00"></app-fldr>             <!-- Hex code -->
<app-fldr color="tomato"></app-fldr>              <!-- Color name -->
<app-fldr color="rgb(255, 0, 0)"></app-fldr>      <!-- RGB -->
<app-fldr color="hsl(120, 100%, 50%)"></app-fldr> <!-- HSL -->

<script src="main.js" defer></script>

Folder System Logo

About

A customizable folder UI component using Web Components, PNG layers, and color blending for modern, dynamic folder icons.

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors