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/sukhmancs/3dportfoliowebsite

My Portfolio code using a tech stack that includes React, react-three-fiber, three.js, HTML, CSS, JavaScript, Vite, and Tailwind CSS.

css html javascript jsx react react-three-fiber recaptcha-invisible seo tailwindcss threejs vite

Last synced: 27 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/ameer2000mzori/unsplash-reactquery-app

The Unsplash-ReactQuery-App is a website created with ReactJS and TailwindCSS. It uses Axios and React Query for data fetching, among other features. Additionally, it utilizes the Context API. Please download the project or check out the sample images.

jsx prettier react reactquery tailwindcss unsplash-api

Last synced: 24 Nov 2024

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 Nov 2024

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

MixMaster-App-React is a project created with React.js and styled with Tailwind CSS, utilizing React Query for fetching data and more. Please check out the sample images or download the project for a better understanding.

api axios jsx prettier react reactquery reactrouter tailwindcss

Last synced: 24 Nov 2024

https://github.com/evantahler/deno-template

An opinionated deno server for HTML (.tsx) and API routes

deno jsx react tsx typescript

Last synced: 01 Dec 2024

https://github.com/stephanepericat/react-monorepo-boilerplate

a small monorepo boilerplate for React 17+ components; using Yarn Workspaces.

jest jsx plop react storybook styled-components tailwindcss

Last synced: 26 Nov 2024

https://github.com/ameer2000mzori/list-usereducer-react

List-UseReducer-React is a project created with ReactJS and styled using TailwindCSS. The goal of this project is to learn how to work with useReducer. To get a better understanding, download the project or check out the sample images.

javascript jsx prettier reactjs reducer tailwindcss

Last synced: 24 Nov 2024

https://github.com/ameer2000mzori/cart-usereducer-react

Cart-UseReducer-React is a project developed using ReactJS and styled with TailwindCSS. The primary goal of this project is to enhance my understanding of the reducer hook. This is the reason behind the creation of this project. For a deeper understanding, feel free to download or check out the live demo.

cart jsx prettier reactjs reducer tailwindcss

Last synced: 24 Nov 2024

https://github.com/damirscorner/20200717-nuxt-jest-tsx

Sample project for "Testing TSX components with Jest in NuxtJS" blogpost

jest jsx nuxt tsx vue

Last synced: 01 Dec 2024

https://github.com/pedro-donoso/mynextjs

Proyecto creado en Nextjs, utiliza React y Tailwind, se conecta a API y muestra publicaciones en Cards

jsx jsx-syntax nextjs nextjs13 react reactjs

Last synced: 26 Nov 2024

https://github.com/pedro-donoso/react-app

React App de Breaking Bad Api, sitio reactivo con información de la serie, el usuario puede dar click en botón para conocer frases y personaje que la dijo, texto en ingles

api jsx reactjs

Last synced: 26 Nov 2024

https://github.com/pedro-donoso/react

TODO list en React JS, permite al usuario agregar nuevas tareas, termina las tareas actuales y el boton cambia su mensaje, se puede eliminar una tarea de la lista y editar las tareas en proceso o cancelar su edición.

jsx reactjs todolist

Last synced: 26 Nov 2024

https://github.com/madhur-taneja/confusion

A ReactJS webapp of a restaurant using JSX. This project is a part of Coursera's Front-End Web Development with React course.

confusion coursera coursera-specialization coursera-web-development javascript jsx react reactstrap redux

Last synced: 26 Nov 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 Nov 2024

https://github.com/minhlucvan/react-conditional-attribute

A simple utility for conditionally render jsx attributes

attributes conditional jsx react utility

Last synced: 02 Dec 2024

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 Nov 2024

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 Nov 2024

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

Color-Gen-React is a website created with React.js, styled with TailwindCSS, and formatted using Prettier to make the code cleaner. Color-Gen-React is a simple website where you can generate 20 variations of the color you have selected.

jsx prettier ractjs tailwindcss

Last synced: 24 Nov 2024

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

Context-App-React is created using ReactJS and styled with TailwindCSS. I'm dedicated to learning how to use Context both globally and in a standard manner. Feel free to download the project or check out the sample images for a better understanding.

context-api jsx prettier reactjs tailwindcss

Last synced: 24 Nov 2024

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 Nov 2024

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 Nov 2024

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 Nov 2024

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 Nov 2024

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

Tours-App-React is a project created with React and styled with Tailwind CSS. It uses an API to fetch data, and Axios is utilized for the API fetching. This project serves as a means for me to learn new concepts in React. Please check out the sample images or download the project for a better understanding.

axios jsx prettier react tailwindcss

Last synced: 24 Nov 2024

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 Nov 2024

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

Tabs-App-React is created with React and styled using TailwindCSS, with Axios for fetching data and Prettier for cleaner code. The goal is to learn how to work with Axios and utilize React hooks effectively. Please check out sample images or download the project for a better understanding.

api axios jsx prettier reactjs talwindcss

Last synced: 24 Nov 2024

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 Nov 2024

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

Reviews-App-React is a React project styled with Tailwind CSS, using Prettier for cleaner code, and utilizing hooks such as useEffect and useState. Download the project or check out the sample images for a better look.

jsx react tailwindcss

Last synced: 24 Nov 2024

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 Nov 2024

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 Nov 2024

https://github.com/ameer2000mzori/todo-list-react

The Todo List React application is built using React.js and styled with Tailwind CSS. It also uses Prettier for clean code and is tested with Cypress. Download the app and start a demo test, or take a look at sample images to get an idea of the project.

cypress javascript jsx reactjs tailwindcss

Last synced: 24 Nov 2024

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

PDAs-React is a project created with React, utilizing Tailwind CSS for styling and Prettier for cleaner code. Please check out sample images or download the project to take a look.

jsx prettier react tailwindcss

Last synced: 24 Nov 2024

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/ameer2000mzori/personal-portfolio-rebuild-react

This project is an existing personal portfolio that I have rebuilt using ReactJS. The purpose of the rebuild is to learn how to work with props, convert a standard project to React, and implement bug fixes. For a better understanding, please download or take a look at the sample images.

jsx react

Last synced: 24 Nov 2024

https://github.com/drolsen/webpack-jsx-export

Plugin to allow for the static rendering and exporting of JSX files to disk.

export jsx jsx-export webpack webpack-jsx-export

Last synced: 14 Oct 2024

https://github.com/git-enthusiast/mern

The **MERN Stack Development Journey** repo showcases learning in web technologies like HTML, CSS, JavaScript, React, Redux, Node.js, Express, and MongoDB. It includes projects like task managers, e-commerce apps, and CLI-based tools, focusing on building scalable, production-ready applications.

css html json jsx mongodb nextjs nodejs npm react react-hooks react-native reactjs rest-api tailwind-css

Last synced: 31 Oct 2024

https://github.com/adaam2/react-starter

With hot module replacement, es6, css modules, jsx etc

css-modules es6 hmr jsx react webpack

Last synced: 28 Nov 2024

https://github.com/ashishbhosle17/react-with-ashish

Built a variety of projects to understand the practical applications of React features. This repository uniquely balances a project-focused approach with ensuring a thorough understanding of each concept.

javascript json jsx props-and-state-components react-hooks react-router reactjs tailwindcss vitejs

Last synced: 09 Jan 2025

https://github.com/yiransheng/make-a-js-framework

A toy example of MVI with React and Redux-like api

expriment jsx mvi ui

Last synced: 27 Nov 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/singcl/mhd-react

🌷React & Redux 从入门到放弃🍀

immutable jest jsx nginx nginx-proxy react react-redux redux webpack

Last synced: 08 Dec 2024

https://github.com/gxlmyacc/vue-jsx-node

a vue component that can render jsx by vnode or render function

jsx jsx-render vue vue-component

Last synced: 16 Nov 2024

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/safayetdib/movieland-search-with-react

MovieLand Search From OMDB API

css jsx omdb-api react

Last synced: 14 Jan 2025

https://github.com/gustavogss/myskills

Aplicativo desenvolvido como desafio durante o programa do Ignite da Rocketseat para cadastro de novas skills - usando React Native CLI

flatlist hooks jsx react-native react-native-cli

Last synced: 28 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: 19 Nov 2024

https://github.com/narendrakoya999/react.js-projects-foundation-level

This is a list of React.js projects for building strong foundation the React.js Common Core Concepts

babel css3 html5 javascript jsx npm props reactjs state-management webpack

Last synced: 28 Nov 2024

https://github.com/narendrakoya999/react.js-projects-advanced-level

This is a list of React.js projects for building strong foundation the React.js Common Core Concepts

context-api css3 html5 javascript jsx mobx npm props react-router-dom reactjs redux state-management

Last synced: 28 Nov 2024

https://github.com/narendrakoya999/react.js-interview-questions-list

This Repository contains List of Frontend Development Interview Questions

css3 es6 html5 javascript jsx media-queries reactjs redux responsive-web-design

Last synced: 28 Nov 2024

https://github.com/ketank205/portfolio

This is my portfolio. Design & develop while learning React.js.

css3 jsx reactjs

Last synced: 16 Nov 2024

https://github.com/alizayayesha/build-a-25-5-clock

https://codepen.io/Alizay-Yousfzai/pen/zYVWoJV

css3 js jsx reactjs

Last synced: 16 Nov 2024

https://github.com/mgueyraud/block-master

Block Buster Website (If it was alive xd), design from https://leonidasesteban.com/proyectos

javascript jsx react styled-components

Last synced: 07 Dec 2024

https://github.com/andrelmlins/whatsup-document-title

Page title manager for whatsup

document jsx title whatsup

Last synced: 16 Nov 2024

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/anasmak04/application-web-movies-search

A movie information and searching App using The Movie DB api and ReactJS.

api api-rest consommation-api javascript jsx rapid-api react reactjs

Last synced: 29 Nov 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/ela-fhd/todolist_with_react_reduxtoolkit_sync

I developed this project using React js and i used Redux Toolkit to manage states. also i used local storage to store data

axios jsx localstorage react redux-toolkit

Last synced: 28 Nov 2024

https://github.com/ela-fhd/booking-hotel

If you want to check the Booking hotel project, please look at my code and visit my website. I hope you enjoy it! ♥️

axios css3 date-fns json-server jsx react-country-flag react-hot-toast react-leaflet reactjs

Last synced: 28 Nov 2024

https://github.com/alizayayesha/javascript-calculator

https://codepen.io/Alizay-Yousfzai/pen/BagrQrd?editors=0110

calculator-javascript css3 jsx reactjs

Last synced: 16 Nov 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/alizayayesha/drum-machine

https://codepen.io/Alizay-Yousfzai/pen/RwzQvrr

css js jsx reactjs

Last synced: 16 Nov 2024

https://github.com/hafidzdev17/modern-reactjs

npx create-react-app modern-reactjs

es6-javascript jsx reactjs

Last synced: 25 Dec 2024

https://github.com/alizayayesha/markdown-previewer

https://codepen.io/Alizay-Yousfzai/pen/JjQpwBe

css jsx reactjs

Last synced: 16 Nov 2024

https://github.com/ahmad-maartmesrini/tenzies

Roll until all dice are the same.

css3 jsx nanoid react react-confetti

Last synced: 28 Nov 2024

https://github.com/benarmstrongg/htjs

Lightweight, no build, pure-JS alternative to JSX

htjs jsx preact

Last synced: 28 Nov 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 Nov 2024

https://github.com/ibyra/angico

A small JSX async-rendering library.

javascript jsx typescript

Last synced: 15 Nov 2024

https://github.com/natalialewis/connectplate

Social media app for recipes that emphasizes medical diet communities. Note: This is a passion project that is not ready for deployment yet. Most updates will remain on the 'testing' branch until ready for a rough deployment.

bash cloudfare css firebase git github html js jsx node react single-page-applications vide

Last synced: 12 Jan 2025

https://github.com/jarrarkhan09/doctor_appointment

Medicare + simplifies doctor appointment booking with a modern, responsive interface built using ReactJS, Vite, and Tailwind CSS.

javascript jsx tailwind-css vite-react

Last synced: 21 Dec 2024

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/washira/next-13-blog

A blog web app project using NextJs 13.

jsx nextjs13 scss

Last synced: 19 Nov 2024

https://github.com/yanashineru/diz-helper

Diz Helper plugin for Adobe Illustrator

adobe adobe-illustrator illustrator java javascript jsx plugin

Last synced: 13 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/goodnesskay/simple-react

A mini react Application without using create-react-app CLI command

babel cdn jsx pwa react react-jsx reactjs ui

Last synced: 26 Dec 2024

https://github.com/kemi-oluwadahunsi/talentsync-figma-to-spa

Task from TalentSync to be completed in 72hours. A figma design was provided and we are to build that with the stacks we know.

javascript jsx reactjs sass

Last synced: 04 Jan 2025

https://github.com/desmondsanctity/prime-numbers-multiple-react

A react web application that returns a multiplication table for a range of prime number.

jest jest-tests jsx react react-hooks

Last synced: 26 Dec 2024

https://github.com/matildevoldsen/portfolio

Personal portfolio website made in React JS. Under construction...

css git html jsx react-router reactjs

Last synced: 02 Jan 2025

https://github.com/ns007-dev/nasaskysearch

Using NASA's Picture Of The Day API, I made an app using React.js, that gives you the image of the sky on the date you input.

api components css jsx nasa reactjs

Last synced: 26 Dec 2024

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/lucambr0/school-times

School Times is a webapp that provides a convenient way for students to access their weekly class schedules and more school-related information.

css html html-css-javascript javascript jsx pwa react react-components school-project web-development webapp

Last synced: 04 Jan 2025

https://github.com/man-navlakha/pxc

A education content sharing web application for collages

api css html javascript jsx reactjs router tailwind-css

Last synced: 04 Jan 2025

https://github.com/carlosvinimsouza/devplenoflaskreactjs

Desafio - contruir API com Flask e PageWeb com ReactJS

backend flask front-end full-stack javascript jsx python python3 react reactjs

Last synced: 11 Jan 2025

https://github.com/herudi/egx

ExpressJS Got (Htmx + JSX)

expressjs htmx jsx tsx typescript

Last synced: 10 Jan 2025

https://github.com/aide-de-camp/pay

Collection of standalone Web Components that wrap the Web Payments API and make it easy to use

html jsx pay stencil stencil-components web-components web-payment web-payments

Last synced: 11 Jan 2025

https://github.com/mohamedhnoor/mhnoor-portfolio

A web application to showcase my skills and Recent Project. Built with Vite, React, and HTML5/CSS3.

css3 jsx react vitejs

Last synced: 03 Jan 2025

https://github.com/jarrodsampson/soundmix

Find awesome cloudcasts roaming the world. Right now. Built on Node, SASS, React, Redux, MaterializeCSS, along with MixCloud's API.

css javascript jsx materializecss node nodejs react redux sass webpack

Last synced: 03 Jan 2025

https://github.com/dadonitz/calendario

Este é um projeto simples de um calendário bonito e criativo desenvolvido em React. Onde ao adicionar comentario na data ela é salva como um post-it na tela.

front-end frontend javascript js jsx react

Last synced: 11 Jan 2025

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