/vinena-ui

Vinena UI Library

Primary LanguageTypeScriptMIT LicenseMIT

Vinena UI

Vinena UI is a React UI library that provides ready-to-use components for your next project. This is an experimental project. It will be improved over time into a complete design system with React implementations. Any given feedback about the design or the code is appreciated. All available contact information can be found on my website.

Vercel

Figma

Storybook

Tech Stack

Project setup

Clone the repository:

git clone https://github.com/mert-duzgun/vinena-ui.git

Install dependencies:

cd vinena-ui && yarn

Available Scripts

In the project directory, you can run:

yarn dev

Runs the app in the development mode.
Open http://127.0.0.1:5173 to view it in the browser.

yarn build

Builds the app for production to the dist folder.

yarn preview

Preview the production-ready app using Vite's preview server.

yarn type-check

Type check the project using TypeScript.

yarn lint:check

Lint the project using ESLint and report errors/warnings.

yarn lint:fix

Lint the project using ESLint and try to fix errors/warnings.

yarn format:check

Check the code formatting using Prettier and report issues.

yarn format:fix

Format the code using Prettier.

yarn code:check

Check the code formatting, lint the code and type check the project.

yarn code:fix

Format the code using Prettier and try to fix linting errors.

yarn test

Run the tests using the default test runner.

yarn test:coverage

Run the tests with coverage report.

yarn storybook

Launches the Storybook UI server.

yarn storybook:build

Builds the Storybook UI for production.

Learn More

You can learn more in the Vite documentation and Storybook documentation.

To learn React, check out the React documentation.