A collection of handmade, professional and dazzling CSS components. ✨

CSS Components Library — Endless collection.

_{Made with ♥ by Eluda for the AWS Amplify hackathon.}

About the app

CSS Components is an online collection of web development snippets — built with AWS Amplify, AWS AppSync, and Amazon DynamoDB on AWS Amplify Hackathon by Hashnode.

Features

• Comment section to give feedback.

• HTML/CSS content, rendered on iframes.

• Self-hostable + scalable + serverless.

  One click deployment to AWS Amplify.

• Open source.

Demo

CSS Components

You can use these demo login credentials to test this app:

• Email: [email protected]
• Password: D&A8D9m8714l

Deploy

Develop

1. First install and configure the Amplify CLI.

$ npm install -g @aws-amplify/cli
$ amplify configure

2. Clone the repo, install dependencies

$ git clone https://github.com/eludadev/components
$ cd components
$ yarn

3. Initialize the app

$ amplify init

? Enter a name for the environment: (your preferred env name)
? Choose your default editor: (your preferred editor)
? Do you want to use an AWS profile? Yes
? Please choose the profile you want to use: your-profile-name

? Do you want to configure Lambda Triggers for Cognito? No

4. Deploy the back end

$ amplify push --y

5. Run the app

$ yarn start

License

This project is licensed under the MIT License