Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reaperdragon/design-code-hero
This Repository Is Design+Code sites hero section contains Smooth Animations, Glassmorphism and many more things.
https://github.com/reaperdragon/design-code-hero
css3-animations gastbyjs glassmorphism reactjs styled-components
Last synced: 16 days ago
JSON representation
This Repository Is Design+Code sites hero section contains Smooth Animations, Glassmorphism and many more things.
- Host: GitHub
- URL: https://github.com/reaperdragon/design-code-hero
- Owner: reaperdragon
- License: 0bsd
- Created: 2022-07-13T13:02:37.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-08T12:21:25.000Z (about 2 years ago)
- Last Synced: 2024-07-29T20:52:54.741Z (5 months ago)
- Topics: css3-animations, gastbyjs, glassmorphism, reactjs, styled-components
- Language: JavaScript
- Homepage: https://design-code-hero-clone.netlify.app/
- Size: 551 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Design-Code-Hero
### Smooth Animations, Glassmorphism, and many other items are featured in the hero area of the Repository Is Design+Code website. And all the CSS magic with Styled-Components.
## Getting Started
First, Clone this Repo and change to the repo directory:
```
git clone https://github.com/Aakrut/design-code-hero
cd design-code-hero
npm install
```Second, run the development server:
```bash
gatsby develop
```> Your development server should be running on http://localhost:8000/
## [Demo Link](https://design-code-hero-clone.netlify.app/)
ScreenShot
![Design-Code](https://user-images.githubusercontent.com/67114280/204089189-9e89428f-68d6-45c7-b6c6-47c17cb61af4.png)