All Projects β†’ Hermanya β†’ React Landing Page

Hermanya / React Landing Page

πŸ›¬ Everything you need for a modern landing page, built with React & Styled Components

Projects that are alternatives of or similar to React Landing Page

Gatsby Theme Superstylin
πŸ’… A Gatsby Theme with styled-components
Stars: ✭ 165 (-14.51%)
Mutual labels:  landing-page, styled-components
Grid
This package has moved and renamed
Stars: ✭ 2,079 (+977.2%)
Mutual labels:  styled-components
Filbert Js
A lightweight(~1kb) css-in-js framework
Stars: ✭ 167 (-13.47%)
Mutual labels:  styled-components
Animate Css Styled Components
simple port of animate css for styled-components
Stars: ✭ 173 (-10.36%)
Mutual labels:  styled-components
Storybook Addon Styled Component Theme
storybook addon
Stars: ✭ 168 (-12.95%)
Mutual labels:  styled-components
React Simon Says
A "Simon Says" game built with React and Redux πŸ‘Ύ
Stars: ✭ 175 (-9.33%)
Mutual labels:  styled-components
15 Puzzle
The 15-puzzle is a sliding puzzle that consists of a frame of numbered square tiles in random order with one tile missing, built in react
Stars: ✭ 161 (-16.58%)
Mutual labels:  styled-components
Smakosh.com
My personal website
Stars: ✭ 185 (-4.15%)
Mutual labels:  styled-components
Wcms
πŸ–– Best CMS for landing-page WCMS
Stars: ✭ 179 (-7.25%)
Mutual labels:  landing-page
React Elastic Carousel
A flexible and responsive carousel component for react https://sag1v.github.io/react-elastic-carousel
Stars: ✭ 173 (-10.36%)
Mutual labels:  styled-components
Win95.css
Responsive Bootstrap 4 windows 95/98 theme & landing template
Stars: ✭ 171 (-11.4%)
Mutual labels:  landing-page
2019 12
🎟 κΈ‰μ¦ν•˜λŠ” νŠΈλž˜ν”½μ—λ„ μ•ˆμ •μ μΈ μ˜ˆμ•½ μ„œλΉ„μŠ€, Atomic Pattern을 μ μš©ν•œ μž¬μ‚¬μš© κ°€λŠ₯ν•œ μ»΄ν¬λ„ŒνŠΈ, μ‹€μš©μ μΈ Testing을 주제둜 ν•˜λŠ” 이벀트 μ„œλΉ„μŠ€
Stars: ✭ 169 (-12.44%)
Mutual labels:  styled-components
Ran
⚑ RAN! React . GraphQL . Next.js Toolkit ⚑ - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
Stars: ✭ 2,128 (+1002.59%)
Mutual labels:  styled-components
Elm Styled
Styling your Html Elements with typed Css πŸ’…
Stars: ✭ 180 (-6.74%)
Mutual labels:  styled-components
React Adminlte Dash
This project is No Longer Maintained. React implementation of AdminLTE themed dashboard
Stars: ✭ 170 (-11.92%)
Mutual labels:  styled-components
Tails Ui
πŸ’ Clean UI based on tailwindcss
Stars: ✭ 162 (-16.06%)
Mutual labels:  styled-components
Bedrock
Foundational Layout Primitives for your React App
Stars: ✭ 173 (-10.36%)
Mutual labels:  styled-components
Frontend
Save and share your best solutions
Stars: ✭ 191 (-1.04%)
Mutual labels:  styled-components
Styled Theme
Extensible theming system for styled-components πŸ’…
Stars: ✭ 183 (-5.18%)
Mutual labels:  styled-components
Felipefialho.com
😺 My personal website
Stars: ✭ 177 (-8.29%)
Mutual labels:  styled-components

React Landing Page

This React UI component library for building Landing Pages is deprecated for the time being.

I deprecated it because a lot has changed in the industry over the past few years and my vision of the problem this repo was trying to solve has changed as well.

On one hand, there is no need to couple your app to your landing page. If your app is using react, it does not mean your landing page should. If anything, react is slowing down your landing page.

JavaScript bundle size reduced by 200kB by switching from React and other client-side libraries to vanilla JavaScript. React was still used server-side.

A Netflix web performance study

On the other hand, you may be tempted to re-use the UI library you used to build your app to have the same look. This makes a lot of sense. Except you should not build your app before you build your landing page :D

In this case, you either have your custom-built UI library and you are basically on your own to build your landing page. Or you chose to go with an off-npm UI library, such as Material UI, React Bootstrap, Reactstrap, or Antd.

ui lib trends

Material UI has an official store and there is one landing page template. Someone should make more :D

React Bootstrap does not have a store or anything. They migrated to Bootstrap v4 not that long ago. Someone should make a react-bootstrap.store (even domain name is available) :D

As I said, it took React Bootstrap a few years to migrate to Bootstrap v4, and in the meantime, Reactstrap came to life. There is a Reactstrap templates page and link to a third party store.

And finally, there is Ant.design, which has a whole collection of landing pages, make sure to check it out. It's cool! There really should be something like this for every other UI lib.

Hopefully, this was useful. Star it if you found it useful :D

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].