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