React Landing Page
React UI component library for building Landing Pages.
npm i react-landing-page@next # for best dev experience install and use rebass npm i rebass@next
React Landing Page is a set of highly-composable React components for building advanced landing pages. It is built using Rebass, a library of UI primitives. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.
Getting Started
import React from 'react'import Provider Heading Subhead from 'rebass'import Hero CallToAction ScrollDownIndicator from 'react-landing-page' const App = <Provider> <Hero ="black" ="white" ="https://source.unsplash.com/jxaj-UrzQbc/1600x900" > <Heading>Name of your app</Heading> <Subhead>a couple more words</Subhead> <CallToAction ="/getting-started" =>Get Started</CallToAction> <ScrollDownIndicator/> </Hero> </Provider>
To use Rebass with emotion, import from rebass/emotion
:
Features
- 👋 Hero
- 🔥 Features
- ✅ Checklist
- 💼 Company Logos
- 🙎 Testimony
- 💳 Pricing
- 📣 Call To Action
- 📩 Sign Up
- 👩💼 Team
Documentation
CodeSandbox
Try it out:
https://codesandbox.io/s/github/hermanya/react-landing-page/tree/master/examples/sandbox