Lunapark - is a UI components library for frontend projects. It is built using Vite, React, CSS Modules, Typescript and Storybook. It can be used as starting point for a design system project. Lunapark will be available as npm-package to use as external UI-library later.

List of components that I plan to include in my Lunapark.

• Accordion
• ArticlePreview
• Avatar
• Button
• Card
• Chip
• Container
• Copyright
• Dropdown
• Footer
• Header
• Input:
• Link
• Logo
• Map
• Media
• Modal
• Notification
• Quote
• Radiobutton
• RangeSlider
• Search
• SectionTitle
• Sitemap
• Tag
• TagsList
• Testimonial
• Text
• Title
• Title
• Text
• Util
• Video
• ...

List of sections that are planned:

• About
• Articles grid
• Banner
• Contact
• CTA
• Features
• FAQ
• Hero
• Partners
• PhotoGallery
• PhotoGrid
• Story
• Team
• Testimonials
• ...

Install dependencies:

npm install

or

yarn install

Start development server:

npm run dev

or

yarn run dev

Currenlty, this is a project, set up with Vite, React, Typescrypt and CSS modules.

• Storybook
• Alisases
• GitHub workflow
• GitHub build
• ...

What is planned to include in this project:

• Components
• Sections
• Layouts
• Documentation
• Unit testings
• npm package
• Figma references
• Separate starter with examples

TBA