https://github.com/esterified/tailwind-koala

Instagram clone using TailwindCSS
https://github.com/esterified/tailwind-koala

css html5 instagram npm tailwindcss

Last synced: about 20 hours ago
JSON representation

Instagram clone using TailwindCSS

• Host: GitHub
• URL: https://github.com/esterified/tailwind-koala
• Owner: esterified
• Created: 2021-08-27T16:23:06.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-07-14T03:36:48.000Z (4 months ago)
• Last Synced: 2024-07-14T15:52:37.286Z (4 months ago)
• Topics: css, html5, instagram, npm, tailwindcss
• Language: JavaScript
• Homepage: https://esterified.github.io/Tailwind-Koala/
• Size: 710 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tailwind-Koala

HomePage https://esterified.github.io/Tailwind-Koala 


Instagram Copy https://esterified.github.io/Tailwind-Koala/instagram

## Steps to install TailwindCSS using NPM

- Initialize NPM

- Install tailwindcss using npm

- Initialize tailwindcss config with full config

- Compile the tailwind css file

- Include the tailwind stylesheet in your webpages

- Implement blocks from [TailBlocks](https://tailblocks.cc/).

## Its that Simple!

- ### Initialize NPM

  Run command `npm init -yes`

- ### Install tailwindcss using npm

  Run command `npm install tailwindcss`

- ### Initialize tailwindcss config with full config

  You can add the following scripts in your `package.json` file

  ```@json

  "tailwind-config":"npx tailwindcss init --full",

  "tailwind":"npx tailwindcss -i ./src/tailwind.css -o ./css/tailwind.css",

  ```

  `npx tailwindcss init --full` will generate the `tailwind.config.js` file with all customization ptions for the theme.

- ### Compile the tailwind css file

  `npm run tailwind-config` and

  `npm run tailwind`

- ### Include the tailwind stylesheet in your webpages

  ```@html

  

  ```

- ### Implement blocks from [TailBlocks](https://tailblocks.cc/).

  Also visit [Tailwindcss](https://tailwindcss.com/docs/) for more info.