Skip to content

Storybook to Github Pages - a collection of select Web UI goodies

License

Notifications You must be signed in to change notification settings

vredchenko/webui-playground

Repository files navigation

WebUI Playground

A curated collection of frontend components, styles, and demonstrations showcased via Storybook.

What's Inside

This playground contains a diverse "zoo" of frontend collectables:

  • Typography & Fonts - Font demonstrations with different variants and usage examples
  • Color Palettes - Color schemes and palette showcases
  • Backgrounds - Background styles and patterns
  • SVG Icons - Icon collections and demonstrations
  • UI Widgets & Controls - Interactive UI components
  • Styling Effects - CSS effects and visual treatments
  • Animations - Motion and animation examples

Tech Stack

  • React/TypeScript - Primary component framework
  • Vite - Build tool and dev server
  • Storybook - Component documentation and showcase
  • GitHub Pages - Deployment platform

Development

# Install dependencies
npm install

# Start Storybook dev server
npm run storybook

# Build Storybook for production
npm run build-storybook

Deployment

Automatically deployed to GitHub Pages via CI/CD workflow on push to main branch.

Project Philosophy

This is not a homogeneous UI library. Each item is independent and may use different styling approaches as appropriate. The categorical organization reflects the diverse, exploratory nature of the content.

License

MIT

About

Storybook to Github Pages - a collection of select Web UI goodies

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •