Skip to content
/ flex Public

Flex is your online code playground. Experiment with HTML, CSS, and JavaScript in real-time. Create and learn with an intuitive interface. Build stunning web projects from scratch.

License

Notifications You must be signed in to change notification settings

KinanGH98/flex

Repository files navigation

Flex

Flex is a CodePen clone built with React, providing a versatile and user-friendly platform for live coding HTML, CSS, and JavaScript. The application features resizable code editor panels and an iframe for real-time output, ensuring a smooth and responsive coding experience.

Features

  • Resizable Panels: Flex allows you to resize the code editor panels and output iframe for a customizable layout.
  • Live Preview: The output updates in real-time as you type in the editors, giving you immediate feedback on your code changes.
  • Mobile-Friendly: The layout adjusts for mobile devices with a responsive design.

Technologies Used

  • React: The core library used for building the user interface.
  • CodeMirror: A versatile text editor used for code editing.
  • split-pane-react: For creating resizable panels.
  • React Responsive: To handle responsive design for different screen sizes.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue if you have any suggestions or improvements.

License

This project is licensed under the MIT License.

Contact

If you have any questions or feedback, feel free to contact me at KinanGH98@gmail.com.

About

Flex is your online code playground. Experiment with HTML, CSS, and JavaScript in real-time. Create and learn with an intuitive interface. Build stunning web projects from scratch.

Topics

Resources

License

Stars

Watchers

Forks