A style export tool that live edits and exports code ready to copy / paste

Related tags

React awesome-title-generator

Overview

Awesome Title Generator

A style export tool that live edits and exports code ready to copy / paste.

Features

Edits text and live previews it
CSS and React component code export
Theme mode toggle

Demo

You can try the demo here (might have to wait a sometime to the server wake up 😅 )

Screenshots

Lessons Learned

This project helped to familiarize myself with state menager Redux Toolkit, the UI library MaterialUI and ReactJs mainly.
I was able to practice clean code and architecture making this tool. The most challenging task was to do as much componentization as possible.
I also found out cool libs like react-colorful and circletype that worth mention.

Run Locally

Clone the project

  git clone https://github.com/Crhist0/awesome-title-generator.git

Go to the project directory

  cd awesome-title-generator

Install dependencies

  npm install

Start the server

  npm run dev

License

Copyleft

Feedback

If you have any feedback, please reach out to at Linkedin or discord at antiCrhistian#9049.

Support

If you like the project and want to support it, you can

Isolated React component development environment with a living style guide

Isolated React component development environment with a living style guide React Styleguidist is a component development environment with hot reloaded

Jan 5, 2023

An example of a travel style app built with Ionic React

ionic-react-travel-app An example of a travel style app built with Ionic React If you'd like to support, you can buy me a coffee ☕️ Included in this I

Sep 27, 2022

Skia based squircle for React Native. draws with Figma squirce style

react-native-squircle-skia Disclaimer @shopify/react-native-skia is alpha release. Use with caution. This library dependes on figma's blog article. Wh

Dec 16, 2022

Terminal Styled Portfolio Website ˋ( ° ▽、° ) , a terminal style/styled portfolio website made with 3 using react.

AshTerm A Terminal Styled Portfolio Website. 🐱‍💻 Made Using- ⚛ Framework ReactJS 💻 Terminal react-console-emulator 🚀 Deployed using CloudFlare Run

Nov 22, 2022

Dynamic, theme-driven, style props for vanilla-extract.

Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr

Dec 23, 2022

Dynamic, theme-driven, style props for vanilla-extract.

Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr

May 11, 2022

💸 Use case style digital image marketplace like nft. I developed this system by gathering a lot of my frontend/backend knowledge

❗ WARNING This project is just an educational system, NOT a system made to carry out large transactions and with the same focus as nft. I developed th

Aug 30, 2022

An awesome tool to make Images and GIFs of your code!

Recoded An awesome tool to make Images and GIFs of your code! View Demo · Report Bug · Request Feature About The Project There are plenty of Apps like

Dec 18, 2022

You can use this CLI Tool to clean your iOS and Android projects and keep them updated.

Mobile App Cleaner You can use this CLI Tool to clean your iOS and Android projects and keep them updated. This tool automatizes these items below; Cl

Mar 19, 2022

Comments

MuiOutlinedInput hover border color
change the MuiOutlinedInput black border color on hover in dark theme (sorry I really didn't find out how to change it) to match the rest of the theme

good first issue
opened by Crhist0 0
make it mobile friendly
add xs breakpoints and general refactor to make it mobile friendly.

It might be few people that code on mobile, but it would be nice to see that the application works on you phone.
enhancement
opened by Crhist0 0

A style export tool that live edits and exports code ready to copy / paste

Related tags

Overview

Awesome Title Generator

Features

Demo

Screenshots

Lessons Learned

Run Locally

License

Feedback

Support

You might also like...

Isolated React component development environment with a living style guide

An example of a travel style app built with Ionic React

Skia based squircle for React Native. draws with Figma squirce style

Terminal Styled Portfolio Website ˋ( ° ▽、° ) , a terminal style/styled portfolio website made with 3 using react.

Dynamic, theme-driven, style props for vanilla-extract.

Dynamic, theme-driven, style props for vanilla-extract.

💸 Use case style digital image marketplace like nft. I developed this system by gathering a lot of my frontend/backend knowledge

An awesome tool to make Images and GIFs of your code!

You can use this CLI Tool to clean your iOS and Android projects and keep them updated.

Comments

MuiOutlinedInput hover border color

make it mobile friendly

Owner

Crhistian de Oliveira

Document Typescript React components with TSDoc and export Storybook-friendly JSON 🤖

Open source, production-ready animation and gesture library for React

lottery smart contract with react UI, Now ready to interact

React hook library, ready to use, written in Typescript.

Webrtc, & web socket based streaming live video streaming and chatting platform. Written in Node, Typescript, and Javascript!

Add multiplayer presence (live cursors/avatars) to your react application using yjs and hooks

This is the Full Stack Application that we're building as a part of Praveen's Live Stream.

Space Traveller hub is a web application that works with the real live data from the SpaceX API

Glam It Up website is built with real live data from the Make up API.

Grid-tool - Small tool that allows you to integrate a predefined or generated grid into your front-end development environment.