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/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

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/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 Jan 2025

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 Jan 2025

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 Jan 2025

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 Jan 2025

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 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/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/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 Jan 2025

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 Jan 2025

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 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/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/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/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/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/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 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 Jan 2025

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 Jan 2025

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/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/khunkyawtunwin/reactjsmovieproject

Movie-land Project

css jsx react

Last synced: 10 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/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/surajsgh/a_typical_page

🔧 A dummy application built by me to learn some advanced concepts of React.js such as useReducer, useEffect and Context API.

css hooks html jsx reactjs

Last synced: 03 Jan 2025

https://github.com/soumwadeep/tech-optimization

My First Responsive Website Created By The Help Of React.Js

css js jsx reactjs

Last synced: 18 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: 25 Jan 2025

https://github.com/surajsgh/expense_tracker

📖 🖋 It's finally a time to manage your daily expenses!

css html javascript jsx react ui web-development

Last synced: 03 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/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/dracula27/react_cards

This is my second project with a "full-stack" React App through Per Scholas. Again, the backend is set up, but not used. This app displays vacation spots on cards.

css git github html jsx react

Last synced: 18 Jan 2025

https://github.com/dracula27/react_counter

This is my third project with a "full-stack" React App through Per Scholas. Again, the backend is set up, but not used. This app uses the useState hook to increment/decrement/reset a counter. It also demonstrates the useEffect hook.

git github hooks jsx react

Last synced: 18 Jan 2025

https://github.com/dracula27/react_router_stock_app

Per Scholas - Week 12 - "multi-page" React - Assignment: React Router Stock App

git github jsx react react-components react-router-dom

Last synced: 18 Jan 2025

https://github.com/dracula27/movie_app

A simple react app that pings an API to display movie data.

api express jsx react react-hooks

Last synced: 18 Jan 2025

https://github.com/vetri02/contacts

React Contacts App

jsx react reactjs

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/tzachbon/css.jsx

Write your CSS like JSX

babel css css-framework jsx postcss react tsx

Last synced: 23 Jan 2025

https://github.com/suhas-h-c/roadmap-dashboard-ui

Contains basic react essentials concepts like components, jsx, props and state management

jsx react reactjs vite

Last synced: 10 Jan 2025

https://github.com/dvho/instashare-mobile-app

A cross-platform iOS/Android native mobile app I built in React Native, with a more robust camera with cutting edge features such as facial recognition as well as traditional features such as manual focus and manual white balance.

javascript jsx react-native

Last synced: 12 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/dytsou/sdcbillook

A react billook created in SDC

html javascript jsx npm npmjs

Last synced: 18 Jan 2025

https://github.com/hari7261/globly-the--art

Transform your business landscape with Globly's powerful and intuitive tools! 💡🤖

jsx lucide-react modern react react-icons reactjs router-dom tailwindcss website-template

Last synced: 17 Jan 2025

https://github.com/saulflores95/pwa

My first attempt in building a progressive web app. Tech used Node Yarn React Webpack Babel Jest. This was build using the tutorial of Kristian Roebuck (https://www.youtube.com/watch?v=4qpXnIAZ9Dk)

babel jest jsx nodejs react webpack yarn

Last synced: 03 Jan 2025

https://github.com/justedlev/tic-tac-toe

🎮Tic Tac Toe (mini game)

css3 html5 js jsx mini-game react-app tic-tac-toe

Last synced: 17 Jan 2025

https://github.com/thedhruvrawat/course-searcher

A simple course search implementation in React. (Practice)

css jsx nodejs react

Last synced: 03 Jan 2025

https://github.com/gingerkiwi/react-salmon-recipe-app

Code along from O'Rielly Media's "Learning React" by Alex Bans & Even Procello - starting at Chapter 4.

javascript jsx react

Last synced: 03 Jan 2025

https://github.com/sashadev-sky/widgetry

A collection of custom applets made with React https://sashadev-sky.github.io/Widgetry/dist

babel geolocation-api google-maps-javascript-api jss jsx material-ui openweatherapi react

Last synced: 04 Jan 2025

https://github.com/crisfertho/nicoyabluezone

Proyecto personal, sobre una de las 5 zonas azules del mundo, página interactiva con diferentes funcionalidades y ejercicios llamativos para los usuarios.

bluezone english js json jsx nextjs php react spanish talwindcss vscode

Last synced: 10 Jan 2025

https://github.com/dergoogler/react-typescript-boilerplate

React with TypeScript and Webpack & Sass

boilerplate javascript jsx react scss tsx typescript webpack

Last synced: 04 Jan 2025

https://github.com/amcnulty/new-york-times-scrubber

A news article viewing tool that pulls articles from the New York Times API

ajax axios bootstrap express javascript jsx mongodb mongoose nodejs orm react react-router

Last synced: 11 Jan 2025

https://github.com/shafeeqahameds/react-shadui-starter

A modern React boilerplate using Create React App with Shadcn UI components, Tailwind CSS, and responsive design. Perfect for building beautiful and scalable React applications quickly and efficiently.

boilerplate cra create-react-app js jsx shadcn-ui shadcnui tailwindcss template

Last synced: 04 Jan 2025

https://github.com/sampadmondal-git/poke-verse

This project is a simple Pokémon web app using the PokéAPI. It lets users search by Pokémon name or ID to view details like their name, image, and abilities. Built with responsive design, it’s user-friendly and perfect for fans or developers learning API integration.

api api-integration css css3 fetch-api fetch-data fetching-data-from-an-api front-end-development html html5 javascript javascript-framework javascript-library jsx react react-framework react-frontend react-frontend-app react-library reactjs

Last synced: 04 Jan 2025

https://github.com/abrarkivande/eventify

Welcome to Eventify, your one-stop destination for unforgettable celebrations and adventures! Whether you're planning a romantic anniversary, an exciting camping trip, or a thrilling trekking adventure, we bring your visions to life.

express javascript jsx mern mongodb nodejs react

Last synced: 04 Jan 2025

https://github.com/thecodermehedi/react-modern-tailwind-calendar

A modern, customizable calendar component for React with Tailwind CSS

calendar datepicker jsx modern modern-calendar react tailwind tailwindcss

Last synced: 04 Jan 2025

https://github.com/elloramir/reactopus

An uncomplicated React environment. Single library file for transpiling in runtime

jsx react transpiler

Last synced: 04 Jan 2025

https://github.com/virag-ky/date-counter

A Date Counter built with React.

gh-pages jsx react usestate

Last synced: 04 Jan 2025

https://github.com/sampadmondal-git/react-login-form

Hey there! I'm Samy, and this is my first React project – a simple login/signup page. I built it while learning, and I'm excited to share it!

css3 html5 javascript jsx jsx-elements jsx-style jsx-syntax jsx-templates login-forms login-page loginsignup react reactjs reactjs-es6 reactjs-project reactjs-template reactjs-with-es6 signup-form signup-page

Last synced: 04 Jan 2025

https://github.com/carlosneves0/vite-reactjsx-ssg

`dev`, `build`, and `preview` scripts like Vite to generate static HTML websites from React/JSX

jsx react ssg vite

Last synced: 04 Jan 2025

https://github.com/abrarkivande/convoapp

ConvoApp is a full stack (dynamic and responsive) web application that allows users to convert their documents to PDF format with a single click.

expressjs javascript jsx multer nodejs react tailwindcss

Last synced: 04 Jan 2025

https://github.com/sanjay-kumar-r-a/moviesnow-

Developed a full-featured movie search application using React that integrates with the OMDB API. The application should allow users to search for movies, view detailed information

api axios css git github-config html javascript jsx netlify npm react redux tailwindcss

Last synced: 04 Jan 2025

https://github.com/abrarkivande/convoapp-abrar

ConvoApp is a full stack (dynamic and responsive) web application that allows users to convert their documents to PDF format with a single click.

expressjs javascript jsx multer nodejs react tailwindcss

Last synced: 04 Jan 2025

https://github.com/erickgbr/devtree-frontend

this is a frontend development of devtree proyect

jsx react reactjs tailwind tailwindcss ts tsx vite vitejs

Last synced: 04 Jan 2025

https://github.com/samantha-ruth/react_portfolio

Personal Portfolio created using React, javascript, and css.

css javascript jsx portfolio react reactjs

Last synced: 11 Jan 2025

https://github.com/yakedev/todo-list-react-v2

ToDo List with react

jsx react tailwindcss

Last synced: 11 Jan 2025

https://github.com/felipethome/react-seed-es6

Seed project to develop React projects with ES2015

babel browserify es6-seed eslint jsx react

Last synced: 18 Jan 2025

https://github.com/ship-components/ship-components-highlight-click

React component that generates a visual hightlight of a click

babel javascript javascript-library jsx react reactjs webpack

Last synced: 11 Jan 2025

https://github.com/neelakandanv/day-32

E-Library Management system created by using create- react app.

css3 formik-yup git github html5 javascript jsx material-ui mockapi-io netlify reactbootstrap reactjs

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day-31

Teacher-Student Management Portal created using react.js; Data are fetched from API using mockapi.

css3 git github html5 javascript jsx mockapi-io netlify reactbootstrap reactjs

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day-29

Teacher-Student Management Portal created using react.js

css3 font-awesome git github html5 javascript jsx netlify reactbootstrap reactjs

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day23

Card using create react

css3 git github html5 js jsx netlify react

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day25

This website is like of a Bootstrap page

css3 git github html5 javascript jsx netlify reactjs

Last synced: 18 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 Boilerplates V1 9 Examples V1 9 Utilities 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 Testing V1 1 Applications 1 🛠️ Tooling 1