Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nafismahmudayon/landing-page-ui

Landing Page UI
https://github.com/nafismahmudayon/landing-page-ui

css html javascript npm npm-package react react-components tailwindcss typescript

Last synced: 3 months ago
JSON representation

Landing Page UI

Awesome Lists containing this project

README

        


Typesense

The Landing Page UI is a React component library with ready-to-use building blocks for creating beautiful and responsive landing pages. It's made specifically for React developers, offering a collection of pre-styled components that you can easily plug into your projects. Whether you're a beginner or an experienced developer, it helps you quickly put together professional-looking landing pages without all the hassle of starting from scratch.

![NPM Downloads](https://img.shields.io/npm/dm/landing-page-ui)
![NPM License](https://img.shields.io/npm/l/landing-page-ui)
![npm bundle size](https://img.shields.io/bundlephobia/min/landing-page-ui)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/landing-page-ui)
![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/landing-page-ui)
![GitHub forks](https://img.shields.io/github/forks/NafisMahmudAyon/ui)
![GitHub Repo stars](https://img.shields.io/github/stars/NafisMahmudAyon/ui)

![Landing Page UI](https://ui.nafisbd.com/hero-img.png)

## Installation

To install the Landing Page UI package, simply run:

``` node
npm install landing-page-ui
```

## Components

### 1. [Accordion](https://ui.nafisbd.com/components/accordion)

### 2. [Avatar](https://ui.nafisbd.com/components/avatar)

### 3. [Badge](https://ui.nafisbd.com/components/badge)

### 4. [Block](https://ui.nafisbd.com/components/block)

### 5. [Card](https://ui.nafisbd.com/components/card)

### 6. [Checkbox](https://ui.nafisbd.com/components/checkbox)

### 7. [Circular Progress Bar](https://ui.nafisbd.com/components/circular-progress-bar)

### 8. [Divider](https://ui.nafisbd.com/components/divider)

### 9. [Flex](https://ui.nafisbd.com/components/flex)

### 10. [Grid](https://ui.nafisbd.com/components/grid)

### 11. [Icon Button](https://ui.nafisbd.com/components/icon-button)

### 12. [Image](https://ui.nafisbd.com/components/image)

### 13. [Image Gallery](https://ui.nafisbd.com/components/image-gallery)

### 14. [Input](https://ui.nafisbd.com/components/input)

### 15. [Label](https://ui.nafisbd.com/components/label)

### 16. [List](https://ui.nafisbd.com/components/list)

### 17. [Progress Bar](https://ui.nafisbd.com/components/progress-bar)

### 19. [Table](https://ui.nafisbd.com/components/table)

### 20. [Tabs](https://ui.nafisbd.com/components/tabs)

### 21. [Text](https://ui.nafisbd.com/components/text)

### 22. [TextArea](https://ui.nafisbd.com/components/textarea)

## Hook

### 1. Theme Switcher