Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remorses/landing-blocks
Landing pages building blocks
https://github.com/remorses/landing-blocks
Last synced: 15 days ago
JSON representation
Landing pages building blocks
- Host: GitHub
- URL: https://github.com/remorses/landing-blocks
- Owner: remorses
- Created: 2020-03-24T15:55:24.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-03-24T17:53:34.000Z (over 2 years ago)
- Last Synced: 2024-10-03T09:20:16.827Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://landing-blocks.now.sh
- Size: 11.1 MB
- Stars: 20
- Watchers: 4
- Forks: 10
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
`landing-blocks` is an npm package that groups together many useful components that can be composed together to create beautiful landing pages.
## Install
```sh
yarn add landing-blocks
```
## Usage
Every component represents a section of your landing page, compose them together to get the perfect landing page.
```jsx
import React from 'react'
import { ChakraProvider } from '@chakra-ui/react'
import {
LandingProvider,
Hero,
Heading,
NavBar,
Button,
Footer,
} from 'landing-blocks'
export default () => (
}
navs={[
Features,
Use Cases,
Pricing,
About Us,
Login,
]}
/>
}
cta={Test it out}
/>
}
bg='gray.100'
/>
}
flip
/>
Quickstart,
Documentation,
Samples,
],
Company: [
Quickstart,
Documentation,
Samples,
],
Product: [
Quickstart,
Documentation,
Samples,
],
}}
/>
)
export default Page
```
