Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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)