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/ali-alim/pinned-tasks-app

Task Management App - React.js, Express.js, Mongoose.js, Ant Design, Axios, MapBox-GL, React-Router-Dom, Lazy Loading

ant antd-design axios express js jsx lazy-loading mapbox-gl mongoose nodejs react-router-dom reactjs

Last synced: 30 Dec 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/ketank205/portfolio

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

css3 jsx reactjs

Last synced: 16 Jan 2025

https://github.com/naveenpiedy/comics-vine-api-react

Using comics vine api and react to display information about the searched characters.

bootstrap4 jsx reactjs

Last synced: 08 Jan 2025

https://github.com/itzzmeakhi/apparel-factory

Apparel factory is a kind of shopping site clone which was developed as a POC (Proof of Concept) on React and Redux. It was integrated with firestore as a database.

css html jsx react redux redux-saga redux-thunk

Last synced: 29 Nov 2024

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/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/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/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/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/mttankkeo/css-mangle-webpack-plugin

This webpack plugin package is a CSS mangler that globally optimizes and shortens identifier names.

css jsx lightweight mangler minifier webpack-plugin

Last synced: 11 Oct 2024

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/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/joe-dakroub/domxy

A lightweight library for effortlessly creating HTML and SVG elements in JavaScript.

dom html javascript js jsx svg

Last synced: 21 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/aiaaee/color_generator_react

Creating Generator for Recognize Box Shadow Color In React With Bootstrap

bootstrap generator javasccript javascript jsx jsx-renderer react react-hooks reactjs

Last synced: 11 Oct 2024

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/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/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/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/jonwatkins/suika-js

Suika is a lightweight component based UI Framework

js jsx reactive vdom

Last synced: 07 Jan 2025

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

Suika is a lightweight component based UI Framework

js jsx reactive vdom

Last synced: 21 Dec 2024

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

JSX, But Declarative UI.

declarative-ui jsx react

Last synced: 24 Dec 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 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/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/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/adnankasikci/react_examples

I made to improve myself. React applications

javascript jsx react

Last synced: 16 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/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/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/javanshen/pug

naive uiη»„δ»ΆεΊ“ηš„ε―θ§†εŒ–θ‘¨ε•

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

Last synced: 13 Jan 2025

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/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/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/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/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/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/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/abhishekgurjar-in/easybank-landing-page

The Easybank landing page features a clean and modern design with a focus on simplicity and user engagement. The page is divided into several key sections.

css easybank easybank-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

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

complate adapter for Fractal

complate fractal javascript jsx styleguide

Last synced: 21 Dec 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/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/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/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/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/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/eimaam/xxtech-desk

A Web Service Company Website/Portfolio

javascript jsx react reactjs sass scss

Last synced: 14 Dec 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 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/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/vetri02/contacts

React Contacts App

jsx react reactjs

Last synced: 03 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/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/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/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/jaynil1611/react-exercises

This repository contains all the react exercises done in Week 1 of NeogCamp LevelOne.

css html javascript jsx react

Last synced: 24 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

https://github.com/wahaj-ali/construction-web

One of my freelance projects, a react-based website for an insurance company.

css es6 jsx reactjs responsive-web-design

Last synced: 12 Jan 2025

https://github.com/dikshant441/netflixx-gpt

A Netflix like application TMDB integration with OpenAI with Google firebase authentication.

google-firebase javascript jsx memoization openai-api reactjs redux-toolkit tailwindcss tmdb-api validation

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

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