Creative Corvid Style and Component Library

A customizable and standardized Vue 3 + TypeScript component and style library, designed to speed up front-end development with accessible, responsive components, utility functions, and integrated Pinia state management.

Status: In active development – components are functional, additional features and documentation are being added.

License

• Licensed under the Prosperity Public License 3.0.0 for non-commercial use.
• Contact for commercial use: [email protected].

✨ Features

• 🔘 Accessible, responsive UI components, including:
  • Buttons, Modals, Toast Notifications, Info Panels
  • Form components: Text Inputs, Number Inputs, Radios, Checkboxes, File Uploads, Select Dropdowns, Search Bar, Text Areas (with auto-resize), Date Inputs & Pickers
• 🎨 Light/Dark theme toggle, with crow logo switcher
• 🎯 Utility-focused design, built for internal reuse and future scaling
• 🧰 Font Awesome icons preconfigured
• 📦 Planned: Pinia store with utility functions like input validation, sorters, etc.

🚀 Installation

npm install creativecorvidstylelibrary

Demo Application

• If you would like to see the current demo application, clone down this repo and start with npm run dev

🛠 Tech Stack

• Framework: Vue 3 (Composition API)

• Language: TypeScript

• Tooling: Vite, SCSS

• State Management: Pinia

• Icons: Font Awesome

• Testing: Vitest (in progress)

📚 Usage & Documentation

Component usage demos are located in the /demo folder

• Components use the Cc prefix (e.g., CcButton, CcInput).

• Designed with accessibility (WCAG 2.2), keyboard navigation, and responsive layout in mind.

Future plans include

• Dedicated usage documentation

• Storybook or VitePress-powered showcase

• Example integrations with real applications

🧪 Roadmap

• Core UI components (buttons, modals, inputs, etc.)

• Dark/light theme support with toggle

• Initial working demo folder

For documentation on using utility classes and scss/css, read docs/CSS_CHEATSHEET.md