Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

JSX (JavaScript XML)

JSX is an XML-like syntax extension to ECMAScript without any defined semantics that allows creation of DOM trees. Being a syntactic sugar, JSX is generally transpiled into nested JavaScript function calls structurally similar to the original JSX.

https://github.com/benarmstrongg/htjs

Lightweight, no build, pure-JS alternative to JSX

htjs jsx preact

Last synced: 28 Nov 2024

https://github.com/ahmed-hamdy101/react-my-photo-app

This is a simple React app that allows users to like a photo. The app uses useState to track the state of the like button, and it uses the AiFillHeart and AiOutlineHeart icons from react-icons to render the like button.

application front-end jsx react

Last synced: 09 Jan 2025

https://github.com/complate/complate-fractal

complate adapter for Fractal

complate fractal javascript jsx styleguide

Last synced: 21 Dec 2024

https://github.com/susanta0/fiverr

The Fiverr Website is a full-stack project created in just 5 days. Utilizing JavaScript, React, Node.js, and MongoDB, it features authentication, dynamic content creation, and responsive design. Users can register, log in, create gigs, and enjoy a seamless freelancing experience.

chakra-ui express-js javascript jsx mongodb node-js react-router-dom reactjs tailwindcss

Last synced: 15 Jan 2025

https://github.com/thomas465xd/guitarla-ts

Migration of the GuitarLA - react js project to TypeScript

css js json jsx react reactjs ts tsx vercel vite vitejs

Last synced: 16 Jan 2025

https://github.com/bushmusi/math-magicians

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

bablejs css eslint gitflow github-flow javascript jsx linter reactjs stylelint

Last synced: 09 Jan 2025

https://github.com/denscholar/covid-19-metrics-webapp

Covid-19 webapplication is a metric application that provides global statictics of the number of infected, recorvered and deaths as a result of the COVID-19 virus. The application shows a detail stats based on countries and each country can be filtered using the search bar to get a particular country.

css javascript jsx material-ui react redux styled-components

Last synced: 08 Dec 2024

https://github.com/jogit82/appointment-app-react-jsx

React app using JSX. only

jsx react

Last synced: 03 Dec 2024

https://github.com/devstephen/react-essentials

A functional project that covers the core basic of the React library

jsx netlify props reactjs state-management

Last synced: 16 Nov 2024

https://github.com/lemonadee71/poor-man-jsx

Create DOM elements painlessly with tagged template literals.

dom html javascript jsx template-literals

Last synced: 21 Dec 2024

https://github.com/belsrc/eslint-config-belsrc

Collection of ESLint plugin configs

eslint eslint-config import javascript jsx linting promise vue

Last synced: 06 Jan 2025

https://github.com/eugenia1984/numen-react

The final proyect wih React do it in group.

javascript jsx react

Last synced: 07 Jan 2025

https://github.com/spreston4/nyt-book-review

Browse books & reviews from different categories of the NYT Best Sellers list.

book book-reviews cssmodules html-css-javascript jsx nytimes-apis react responsive-web-design

Last synced: 06 Dec 2024

https://github.com/lucaswinkler/personal-site-v2

Iteration 2 of my personal website - built using React

es6 javascript jsx personal personal-site personal-website portfolio react sass scss

Last synced: 13 Jan 2025

https://github.com/dm-zhuk/goit-react-woolf-hw-01-components

ReactJS.Topic II-Styled Components

css jsx react styled-components

Last synced: 29 Dec 2024

https://github.com/akshaysatpute028/qrcode-generator

Static QR Code generator application using React Js hooks and QRCode Canvas.

css javascript jsx qrcode-generator react react-hooks static-website

Last synced: 10 Jan 2025

https://github.com/asilbekcodes/reactjs_crud

User Management CRUD Application

axios axios-react crud js json json-server jsx react tailwind-css

Last synced: 16 Jan 2025

https://github.com/ameer2000mzori/form-formik-yup-mern

"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.

backend expressjs formik frontend fullstack jsx nodejs prettier reactjs reactqueryv4 styled-components tailwindcss yup

Last synced: 24 Jan 2025

https://github.com/mitscherlich/babel-sugar-v-bind-sync

Babel syntactic sugar for v-bind sync modifier support in Vue JSX

babel-syntactic-sugar jsx vue-jsx

Last synced: 14 Oct 2024

https://github.com/ameer2000mzori/strapi-clone-react

Strapi-Clone-React is created using ReactJS and styled with TailwindCSS. For cleaner code, Prettier is utilized. In this project, I'm utilizing the Context API for learning purposes. Please check out the sample images or download the app for a better understanding.

jsx reactjs strapi tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/sliders-app-react

Sliders-App-React is a small React project where you can slide right and left. The sliders will auto-slide every 5 seconds. It is styled with TailwindCSS and uses Prettier for cleaner code. Check out sample images or download the project for a better understanding.

jsx prettier reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/grocer-app-react

GrocerAppReact is built with React.js, styled with TailwindCSS, and uses Prettier for cleaner code. This project is similar to a todo list. Download the project or check out the sample images for a better understanding.

jsx localstorage prettier reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/birthday-app-react

The Birthday-App-React is a React.js project styled with TailwindCSS, using Prettier for code readability. It's designed to practice JavaScript hooks with arrays. Please download or view the sample images for more insight.

jsx prettier react react-hooks tailwind

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/todolist-app-mern

TodoList-App-Mren is built with ReactJS, Tailwind CSS, and uses React Query for data fetching. The backend is powered by ExpressJS and NodeJS, without MongoDB. This project aims to improve skills in React Query and full-stack development. Check out sample images or download the project.

api axios backend expressjs formik formik-yup frontend fullstack javascript jsx nodejs reactjs reactqueryv4 styled-components tailwindcss todoapp unique-id yup

Last synced: 24 Jan 2025

https://github.com/jonwatkins/suika

Suika is a lightweight component based UI Framework

js jsx reactive vdom

Last synced: 21 Dec 2024

https://github.com/kajalpandey25/todo-webapp-with-reactjs

Todo-web app using React.js that allows users to efficiently manage adding, removal, updating tasks.

css html javascript jsx reactjs vite

Last synced: 22 Jan 2025

https://github.com/thomas465xd/personal_budget-contextapi-react

A simple personal budget and finance agenda made using React, TypeScript, reducer and contextAPI

context-api custom-hooks js jsx react reducer tailwind tailwindcss ts tsx typescript usereducer

Last synced: 21 Dec 2024

https://github.com/karthick-fsd/digital-timer-app

A digital clock of limit 25mins is used to keep our focus on one thing at a time.

css css-flexbox css-grid html javascript jsx react-components

Last synced: 16 Jan 2025

https://github.com/natichan/memorycardgamereact

Divierteté con este clásico juego de memoria con cartas. El objetivo es encontrar dos cartas del mismo palo y tipo, gana el que logra encontrar todos.

css jsx npm react

Last synced: 29 Nov 2024

https://github.com/cjfuller/rjsx-mode

Emacs major mode for editing react JSX files

emacs jsx react

Last synced: 29 Nov 2024

https://github.com/elazzouzihassan/letsvue

Welcome to my Vue.js learning repository! This is where I document my journey of learning Vue.js

framework javascript jsx vuejs

Last synced: 11 Jan 2025

https://github.com/ameer2000mzori/image-search-react

Image Search React is a website that helps you search any image you want using the Unsplash API. It is built with React.js and utilizes Tailwind CSS for styling, along with Prettier for cleaner code. Please download the project or take a look at sample images to get a better view.

cypress jsx prettier react tailwindcss unsplash-api

Last synced: 24 Jan 2025

https://github.com/tjcccc/rejsui

JSX, But Declarative UI.

declarative-ui jsx react

Last synced: 24 Dec 2024

https://github.com/piratecoderz/react-portfolio

My Portfolio Website. in React.js framework along with Bootstrap, Custom CSS. Animations by wow.js and Blue and black contras website

coder jsx portfolio portfolio-website react react-js react-portfolio react-portfolio-template reactjs reactjs-portfolio-website wow-js wowjs

Last synced: 15 Jan 2025

https://github.com/nidhiupman568/numberformat-converter-using-react.js

🎉 Welcome 🎉 to the Number Format Converter project! 🔢 This interactive web application 🖥️ allows users 👥 to convert numbers 🔢 between various formats such as decimal, binary, octal, and hexadecimal. 🚀 Built with ReactJS ⚛️, CSS 🎨, and JSX ✨, this tool provides a comprehensive range of features to handle number conversions and calculations.

css front-end-development functional-components-reactjs html javascript jsx learning-reactjs number-format-converter reactjs reactjs-developer web-development

Last synced: 10 Jan 2025

https://github.com/thalesgomest/track-it

This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!

javascript jsx react styled-components

Last synced: 03 Jan 2025

https://github.com/germanfrelo/robofriends

A React.js project that I've created using Create React App, from the Udemy course "The Complete Web Developer in 2022: Zero to Mastery".

jsx react reactjs

Last synced: 20 Dec 2024

https://github.com/adnankasikci/react_examples

I made to improve myself. React applications

javascript jsx react

Last synced: 16 Jan 2025

https://github.com/tonylapoche/jdlv-react

Jeux de la vie, avec React et Rédux en Typescript. Elle est ma toutes première application web produite "fromscratch" et surtout en à côté de mes études . Beaucoup de chose sont à amélioré je garde ce repos par nostalgie de mes début dans le web. Elle fut un très bon exercice d'algorithmie.

algorithm-challenges gameoflife jsx junior-developer react redux simulation tailwindcss typescript

Last synced: 09 Dec 2024

https://github.com/zizwar/jhtm

JavaScript HTML Template Manager for browser and Node.js

browser html javascript json jsx nodejs template template-manager vanilla-javascript

Last synced: 11 Nov 2024

https://github.com/bredele/steroid-hook

:pill: Nodejs hook to transpile HTML templates into jsx-like templates

es6 html jsx steroid template template-engine

Last synced: 19 Dec 2024

https://github.com/javanshen/pug

naive ui组件库的可视化表单

form generator gitmoji json-schema jsx naive-ui sortablejs vuejs

Last synced: 13 Jan 2025

https://github.com/gbombassaro/prensa-docs

Repositório de componentes para documentação de projetos em JSX/MDX.

designsystem jsx mdx prensa react reactjs storybook

Last synced: 16 Dec 2024

https://github.com/abhishekgurjar-in/manage-landing-page

The "Manage" landing page is designed to introduce users to the Manage application, highlighting its features and encouraging them to get started. We'll use React for component-based development and CSS for styling the page.

css javascript jsx manage-la react web-development

Last synced: 11 Oct 2024

https://github.com/thomas465xd/guitarla_reactjs

GuitarLA is the FrontEnd for a Guitar E-Commerce website that features some basic react hooks and a shopping cart with all the common functionalities

css html javascript js jsx react reactjs tailwind tailwindcss ts typescript vite vitejs

Last synced: 16 Jan 2025

https://github.com/alexandrbig1/goit-js-hw-11

homework(JavaScript module) in bootcamp (GoIT) Fullstack developer

api axios css3 frontend html5 javascript js js-library json json-api json-server jsx nativejavascript webdevelopment

Last synced: 23 Jan 2025

https://github.com/swappy-2003/bgremover

This project i created for the Removeing the background from the image this project use the Api to remover the background and return the image user can download

background-remover jsx reactjs vite

Last synced: 20 Dec 2024

https://github.com/suxrobgm/react-ecommerce

Sample ecommerce web application in ReactJS and Redux

ecommerce html javascript jsx reactjs redux scss

Last synced: 03 Dec 2024

https://github.com/71/babel-plugin-transform-raw-jsx

JSX -> HTMLElement direct DOM rendering, via Babel.

babel babel-plugin jsx reactive

Last synced: 17 Jan 2025

https://github.com/dadonitz/passgenerator

Este é um simples aplicativo de gerador de senhas feito com React. Ele permite que você gere senhas aleatórias com diferentes configurações, como comprimento da senha e quais caracteres incluir.

css front front-end javascript js jsx react

Last synced: 11 Jan 2025

https://github.com/devsany/super-mall-web-application

A SuperMall Web app is a website that allows merchants to advertise and sell their products at developing counters. Rural towns would be able to sell their commodities to the rest of the globe as a result of this...

firebase-auth firebase-database firebase-realtime-database javascript jsx reactjs shadcn-ui tailwindcss unittest

Last synced: 20 Dec 2024

https://github.com/spencertorres/react-route-props

A react router route for passing props to the specified component.

javascript jsx props react react-component react-router react-router-v4 reactjs

Last synced: 10 Jan 2025

https://github.com/lucky-kashyap/e-commerce-web-app

E-Commerce Web Application with Products section, category section and its individual pages

api css error-handling jsx react-router-dom reactjs

Last synced: 27 Dec 2024

https://github.com/tokhy1/react_mui_tutorial

This repository contains the source code for a modern social media app homepage built using React.js and Material-UI (MUI). It serves as a starting point for creating a social media application's frontend interface, showcasing various components commonly found in such platforms.

component design js jsx mui mui-icons mui-material react-app reactjs resonsive-design social-media-app website

Last synced: 31 Dec 2024

https://github.com/tokhy1/shopsy-ecommerce-design

Shopsy is a modern and responsive e-commerce website built with the latest web technologies. This project showcases a sleek design, smooth user interactions, and a seamless shopping experience.

aos aos-animation dark-mode design front-end front-end-development jsx programming react-icons react-slick reactjs responsive-design tailwind-css vite website

Last synced: 31 Dec 2024

https://github.com/reactual/what-props-changed

A React utility used to detect changed props when a component updates.

javscript jsx react reactjs

Last synced: 02 Jan 2025

https://github.com/mo-jasim/currency-converter-app

This app allows users to convert between multiple currencies accurately and quickly. Designed with simplicity and efficiency in mind, the app offers real-time currency conversion.

currency-api currency-codes currency-conversion currency-converter currency-exchange-rates currency-exchange-rates-collector currency-rates html javascript javascript-library js jsx react react-components react-hook-form react-hooks react-router reactjs

Last synced: 20 Dec 2024

https://github.com/eimaam/xxtech-desk

A Web Service Company Website/Portfolio

javascript jsx react reactjs sass scss

Last synced: 14 Dec 2024

https://github.com/onjoseph/hello-rails-react

This repository contains a sample project that demonstrates how to connect a Ruby on Rails back-end with a React front-end. The goal of this exercise is to apply previous knowledge of using gems with Rails to connect the back-end with the front-end, while also introducing new techniques for handling JavaScript assets in a Rails application.

css html jsx postgresql rails react reactjs ruby

Last synced: 30 Nov 2024

https://github.com/obioraigboanusi/github-users-and-organisations

This app allows user to view list of GitHub users' and organizations' profiles, search by username, and view the details of a profile with public repositories.

create-react-app hooks javascript jsx netlify react reactjs typescript

Last synced: 20 Jan 2025

https://github.com/obioraigboanusi/transactions-heatmap-chart

This app gives a visual representation of when people transact the most throughout a year using a heatmap(Matrix chart).

css-in-js data-visualization jsx reactjs styled-components typescript

Last synced: 20 Jan 2025

https://github.com/ameer2000mzori/app-animal-react

App-Animal-React is a project created with React.js and TailwindCSS, using Prettier to make the code cleaner. In this project, each time you click the button, a random animal image will appear on the screen, and you can like it. Download the project and have a look, or check the sample images.

jsx prettier react tailwindcss

Last synced: 24 Jan 2025

https://github.com/skorupaw/sidewinder

Sidewinder 🐍 – A simple app to create blind CVs 📝 from structured JSON data 📊. Streamline and anonymize resumes with ease!

bun drizzle honojs jsx typescript

Last synced: 12 Jan 2025

https://github.com/princebansal7/learn-react

Learn React the way I did from scratch. (I've added README file which Includes Instructions and various key-points regarding learning react which I found useful)

jsx reactjs

Last synced: 25 Jan 2025

https://github.com/ameer2000mzori/menu-app-react

Menu-App-React is a small project created with React.js and styled with TailwindCSS. It features a menu that you can filter by category as desired. For a better understanding, download the project or check out the live demo.

jsx menu prettier reactjs tailwincss

Last synced: 24 Jan 2025

https://github.com/dracula27/cafe_app

Full stack application where a user logs in and orders food from a cafe. A user can also view previous orders.

authentication css express git github html jsx mern mongodb mongoose node react

Last synced: 18 Jan 2025

https://github.com/ameer2000mzori/questions-app-react

Questions-App-React is a project created with React.js and uses TailwindCSS for styling. Check out the sample images or download the project to get an idea.

jsx prittier reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/ameer2000mzori/navbar-react

Navbar-React is a project created with ReactJS and styled with TailwindCSS, utilizing React Router for the navbar. It includes animations and more to enhance the user experience. Prettier is used to maintain cleaner code. For a better understanding, check out the sample images or download the project.

jsx navbar prettier react-router reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/qrac/jsxlike

Converting HTML to React JSX-like syntax

browser html2jsx htmltojsx japanese javascript jsx jsxlike react typescript

Last synced: 25 Jan 2025

https://github.com/ameer2000mzori/lorem-gen-react

Lorem-Gen-React is a project developed using React.js and styled with Tailwind CSS. It utilizes Prettier to ensure the code is clean and well-organized. This simple website generates Lorem Ipsum text. For a better understanding, check out the sample images or download the project.

jsx lorem-ipsum-generator prettier reactjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/simenandre/svg-to-theme-ui-component

Transform SVG to Theme UI Component (JSX)

jsx theme-ui

Last synced: 12 Jan 2025

https://github.com/tuyishimireeric/online-shopping

This project is based on an eCommerce website built with React and Redux. The user can check all the products in our and get more details on selected product.

css3 jsx reactjs redux testing

Last synced: 19 Jan 2025

https://github.com/abdul23lm/bookost-website-using-mern-stack-frontend

BooKos Website using MERN STACK (MongoDB, ExpressJS, ReactJS, NodeJS)

css html javascript jsx react redux scss

Last synced: 25 Jan 2025

https://github.com/sumitkumargiri/react

This repository contain all the best practices for managing react-series Github repository and you prepared the reactjs.

api api-server bootstrap css design-tools git github gui javascript jsx react reactjs tailwind-css

Last synced: 19 Jan 2025

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 251 Resources 135 📦 Components & Libraries 132 Table of Contents 65 Utilities V1 17 Articles & Tutorials V1 10 Examples V1 9 Boilerplates V1 9 Utilities 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Examples 2 Other V1 2 Applications 1 Testing V1 1 🛠️ Tooling 1