https://github.com/midudev/codi.link

HTML, CSS, JS sandbox.
https://github.com/midudev/codi.link

Last synced: 5 days ago
JSON representation

HTML, CSS, JS sandbox.

• Host: GitHub
• URL: https://github.com/midudev/codi.link
• Owner: midudev
• License: other
• Created: 2021-07-26T20:03:26.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-05T10:17:17.000Z (15 days ago)
• Last Synced: 2025-02-08T05:03:00.481Z (12 days ago)
• Language: JavaScript
• Homepage: https://codi.link
• Size: 2.82 MB
• Stars: 679
• Watchers: 11
• Forks: 173
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  ###  [Codi.link](https://codi.link)

  

  ***Your HTML5/CSS3/JavaScript Playground Editor***





![](https://img.shields.io/badge/Contributions-Welcome-brightgreen.svg)

![](https://img.shields.io/badge/Maintained%3F-Yes-brightgreen.svg)



  Table of Contents

  


    


      About The Project

      Getting Started

      


        
Built With

      

    

    
Contributing

    
License

    
Contact

    
Acknowledgments

  


## About The Project

![codi.link screenshot](https://user-images.githubusercontent.com/1561955/136448123-471b6332-8e0c-402e-956b-80adf2585168.png)

codi.link is a live editor for HTML, CSS and JS. It allows you to edit your code in real-time, and see the result instantly. [Check a demo](https://codi.link/PGRpdj4KICA8YnV0dG9uPvCfpbMgQ2xpY2sgbWUgWUFZITwvYnV0dG9uPgo8L2Rpdj4=%7CYnV0dG9uIHsKICBmb250LXNpemU6IDQ4cHg7CiAgYm9yZGVyOiAxcHggc29saWQgIzA5ZjsKICBiYWNrZ3JvdW5kOiAjZmZmOwogIGNvbG9yOiAjMzMzOwogIHBhZGRpbmc6IDRweCAxNnB4OwogIGN1cnNvcjogcG9pbnRlcjsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7Cn0KCmJvZHkgewogIGRpc3BsYXk6IGdyaWQ7CiAgcGxhY2UtY29udGVudDogY2VudGVyOwogIGhlaWdodDogMTAwdmg7Cn0=%7CaW1wb3J0IENhbnZhc0NvbmZldHRpIGZyb20gJ2h0dHBzOi8vY2RuLnNreXBhY2suZGV2L2NhbnZhcy1jb25mZXR0aSc7Cgpkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCdidXR0b24nKS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgpID0+IHsKICBDYW52YXNDb25mZXR0aSgpCn0p)

Back to top 🔼


## Getting Started

Install the dependencies:

```sh

$ npm install

// or

$ yarn

```

Run in dev mode:

```sh

$ npm run dev

// or

$ yarn dev

```

Run using Docker (by the Community):

```sh

docker run -d --rm -p 5173:5173 --name codilink ferning98/codi.link

```

You can get more details and examples on how to run this on Docker [here](https://hub.docker.com/r/ferning98/codi.link)

### Built With

- JavaScript

- [Lit](https://lit.dev)

- [Vite](https://vitejs.dev)

- [Zustand](https://zustand.surge.sh)

Back to top 🔼


## Contributing



![Alt](https://repobeats.axiom.co/api/embed/909ddb19f56a1b9243b52b5994db4b0b8021b616.svg "Repobeats analytics image")



Contributions are what make the Open Source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a Pull Request. You can also simply [open an issue](https://github.com/midudev/codi.link/issues) with the tag *enhancement*.

Don't forget to **give the project a star ⭐!** Thanks again!

1. Fork the project

2. Clone the repository

```bash

git clone https://github.com/@username/codi.link

```

3. Create your Feature Branch

```bash

git checkout -b feature/AmazingFeature

```

4. Push to the Branch

```bash

git push origin feature/AmazingFeature

```

5. Open a Pull Request

Back to top 🔼


## License

Distributed under the MIT License. See `LICENSE` for more information.

Back to top 🔼


## Contact 📭

**Miguel Ángel Durán @midudev**

[@midudev](https://twitter.com/midudev) - [email protected]

Back to top 🔼