Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/jsx
- Wikipedia: https://en.wikipedia.org/wiki/JSX_(JavaScript)
- Repo: https://github.com/facebook/jsx
- Created by: Facebook
- Released: August 4, 2022
- Related Topics: jxon, xhp, xml, babel, reactjs, vhtml, mithril, hyperscript, ijk, hdom,
- Last updated: 2025-01-21 00:11:28 UTC
- JSON Representation
https://github.com/jsheaven/render
Nano library to render JSX isomorphic
isomorphic javascript jsx rendering tsx typescript
Last synced: 21 Nov 2024
https://github.com/dhairyamajmudar/gpt-4-website
GPT 4 is a website which focuses on introduction of AI to the world
Last synced: 07 Dec 2024
https://github.com/murodjon000/calculator-app
This is Calculator App with amazing styling. Try to calculate your numbers.
Last synced: 07 Dec 2024
https://github.com/the-akira/subject2
Second Experiment with Gatsbyjs
gatsby gatsbyjs javascript javascript-library jsx react
Last synced: 18 Jan 2025
https://github.com/artdecocode/koa2-jsx
A Koa2 middleware to render JSX templates with Redux support
jsx koa2 koa2-middleware react
Last synced: 25 Nov 2024
https://github.com/janumedia/vue-styled-components-example
Styled-components with Vue example
css-in-js jsx styled-components vue vue-cli-3 vue-styled-components
Last synced: 29 Dec 2024
https://github.com/josephgodwinkimani/react-query-boilerplate
Tanstack React Query + Ionic React + Vite + Capacitor
ionic-framework ionic-react jsx tanstack-react-query typescript vitejs-react
Last synced: 09 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/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/josephgodwinkimani/ionic-react-js
Ionic React Blank template written in JSX and JS
capacitorjs eslint ionic js jsx prettier reactjs
Last synced: 09 Jan 2025
https://github.com/maomincoding/babel-plugin-jsx-to-mettle
This plugin converts JSX into Tagged Templates that work with amazed.js.
Last synced: 20 Nov 2024
https://github.com/atshakil/react-native-scaffold
A React Native scaffold with Redux, React Navigation and i18n support
boilerplate boilerplate-application es6 eslint i18n javascript jsx react react-native react-native-vector-icons react-navigation redux starter-project starter-template
Last synced: 06 Dec 2024
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.
Last synced: 29 Nov 2024
https://github.com/cxspxr/react-shortener
:link: Rails API & React URL Shortener
coffeescript2 heroku jsx postcss rack-attack rails rails5-api react reactjs rspec stylus sugarss url-shortener webpack
Last synced: 18 Oct 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/jonwatkins/suika
Suika is a lightweight component based UI Framework
Last synced: 21 Dec 2024
https://github.com/ketank205/portfolio
This is my portfolio. Design & develop while learning React.js.
Last synced: 16 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/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/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/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/mirabbosss/to-do---react
TODO WITH REACT
css html html-css-javascript javascript js jsx react reactjs tailwind tailwindcss
Last synced: 16 Jan 2025
https://github.com/ujjwal-sona77/portfolio_begening
just added 2 pages and Canvas Three js and it is incomplete , I will complete it later
canvas html-css-javascript jsx reactjs threejs
Last synced: 20 Dec 2024
https://github.com/thomas465xd/calorie-tracker
Simple Calorie Tracker project using React and TypeScript
js json jsx react tailwind tailwindcss ts tsx typescript vercel vercel-deployment vite vitejs
Last synced: 16 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/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/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/yusafosei-bonsu/mern-based-todo-list
A to-do list created using the MERN stack
css3 express-js html5 jsx mern-stack mongodb node-js reactjs
Last synced: 16 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/sohamburkule/geminiai-clone
Gemini AI Clone is a project aimed at replicating the functionality of the Gemini AI, a conversational artificial intelligence developed by OpenAI. This clone utilizes natural language processing techniques to understand and respond to user queries in a conversational manner.
api css generative-ai google-fonts-api html javascript jsx nodejs reactjs vite
Last synced: 21 Jan 2025
https://github.com/muchokidavid/scoreboard
This is a scoreboard web application built using React.js. It allows you to keep track of players and their scores. Additionally, it features a timer that helps manage game time.
css html jsx react-hooks reactjs
Last synced: 05 Jan 2025
https://github.com/manikmaity/learn-reactjs
This repository contains code for my React.js learning journey, including the codes from my 30-days Reactjs learningΒ challenge.
30dayscodechallenge javascript jsx react react-components react-hooks reactjs
Last synced: 21 Jan 2025
https://github.com/gyakobo/admin-dashboard
This is a sample project where I try to build an Admin Dashboard with ReactJS and the AWS S3.
admin-dashboard aws-lambda aws-s3 css3 jsx reactjs vite
Last synced: 15 Jan 2025
https://github.com/alikeldev/quizmapperjs
Interactive Quiz System Mapper: The core mapping functionality behind the interactive quiz system at https://webpixelle3.netlify.app/quiz-select Includes a detailed tutorial at https://aliceleiserblog.netlify.app/blog/building-interactive-quiz-system-react
javascipt javascript jsx mapper mapper-algorithm mapper-plugin mappers nextjs nodejs quiz quiz-app quiz-application quizapp quizzes react tailwind tailwind-css tailwindcss
Last synced: 21 Dec 2024
https://github.com/arkapg211002/coinloom
A webpage that shows news and details regarding cryptocurrencies
ant-design coinranking-api jsx rapidapi react
Last synced: 15 Jan 2025
https://github.com/rami24t/grocery-shopping-list-tracker
A fully-responsive webapp to solve the problem of forgetting what you need to buy from the grocery store
css html5 javascript jsx react shopping-list tailwind
Last synced: 30 Nov 2024
https://github.com/aaimio/logicful-templates-example-ts
An example project demonstrating how to use the logicful-templates library when using TypeScript
jsx jsx-elements jsx-syntax jsx-templates
Last synced: 14 Jan 2025
https://github.com/pranitej/turbo-thrills
TurboThrills is a car marketplace website where users can buy and sell cars
bootstrap5 car css ecommerce es6 expressjs html javascript json jsx mern-stack mongodb node nodejs npm npx reactjs shop
Last synced: 15 Dec 2024
https://github.com/jubair-jx/photography-school-management-system-client
Welcome to WonderRoots Scholars, where imagination takes flight and learning becomes an adventure! As a premier summer camp school,
axios-react css firebase javascript jsx react-libraries reacthooks reactjs tailwindcss
Last synced: 13 Jan 2025
https://github.com/ayanrv/filmsearcher
Film Searcher Management App (using imdb API and React)
api babel jsx react react-router reactjs redux redux-toolkit
Last synced: 14 Jan 2025
https://github.com/wlodpawlowski/react-chat-application
Chat messenger web application developed with React, Redux, Webpack, Eslint, JavaScript, Babel and PubNub
babel chai chat-application css3 dom eslint html5 istanbul javascript json jsx messenger-application mocha pubnub-chatting pwa react react-components react-router redux webpack
Last synced: 24 Nov 2024
https://github.com/lideming/webfx
My Web UI Framework
javascript javascript-framework javascript-library jsx typescript webfx
Last synced: 31 Dec 2024
https://github.com/mohsenshahbazi/weather-challenge-react
this is a very sample react app for SEP challenge
Last synced: 14 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".
Last synced: 20 Dec 2024
https://github.com/gabrielm3/pokedex-react
A Responsive Pokedex made with React JS, Hooks, consuming the pokeapi and using localstorage.
api css hooks javascript jsx reactjs rest-api
Last synced: 12 Jan 2025
https://github.com/joshwilsonvu/babel-plugin-hoist-constant-jsx-attributes
Prevents unnecessary rerenders and GC pressure by hoisting constant objects out of JSX attributes and into the global scope, ex. for objects in a 'style' prop.
babel-plugin css-in-js jsx react style
Last synced: 12 Jan 2025
https://github.com/uvacoder/uva-svg2jsx
jsx mytools svg tools typescript vercel
Last synced: 24 Nov 2024
https://github.com/psyirius/extendscript-debugger-core
Adobe Extendscript Debuggger
adobe compiler debugger ecmascript es3 extendscript jsx
Last synced: 23 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/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/cjfuller/rjsx-mode
Emacs major mode for editing react JSX files
Last synced: 29 Nov 2024
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/maxime-cllt/fileflow
Application to insert CSV file into a specified database with optimised columns lenght
csv2sql freetouse githubaction-workflow jsx react rust taillwindcss tauri-app tool
Last synced: 20 Dec 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/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/deemon13/result-react-003-1-tictactoe
Small app of Tic Tac Toe game
components css css-modules editorconfig eslint gh-pages git html javascript jsx prettier prop-types props react usestate vite
Last synced: 19 Dec 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/safayetdib/movieland-search-with-react
MovieLand Search From OMDB API
Last synced: 14 Jan 2025
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/dzmitryur/weather-app-react
Weather Application in React with Axios, Tanstack Query, Tailwind CSS and Hooks
axios geolocation hooks jsx openweather-api react reactjs tailwind tailwindcss tanstack-query
Last synced: 20 Dec 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/aidenybai/jacky
Directly use HTML inside JavaScript
dom jacky javascript jsx jsx-to-dom web
Last synced: 07 Dec 2024
https://github.com/soulemanou-software/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 and read a random math-related quote.
css3 html5 javascript jsx react react-hooks reactjs
Last synced: 07 Dec 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/muhammadranju/practice-task-milestone-7
This is my practice-task of milestone-7, In this repo i'm going to Learn react.js and React core feature. Jsx props component and many more think
component functions javascript jsx props react reactjs
Last synced: 20 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 Nov 2024
https://github.com/mohamedhnoor/unsplash-images
css3 hooks jsx react react-query react-router vite
Last synced: 18 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 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.
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/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/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/amansalman/image-to-text-converter-webversion
A user-friendly React app that converts images to text using the Google Vision API. Upload images, extract text, and view results easily.
axios css google-vision-api html javascript jsx reactjs
Last synced: 20 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 Nov 2024
https://github.com/emmettpc/changeatcentral
informative jsx petition project react resources
Last synced: 21 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 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/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/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/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.
Last synced: 24 Nov 2024
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/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/andrewmaksimchuk/links
Save links
bun cookie hono htmx jsx ogp sqlite3 typescript
Last synced: 20 Dec 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/mohammad-al-refai/notes-app
Notes app created with React js - Create account & login & CRUD Note
bootstrap5 javascript jsx reactjs redux redux-saga
Last synced: 16 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 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/chris-aqui/clicky-game
uoft code bootcamp week19 - Homework
Last synced: 20 Dec 2024
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/jarrarkhan09/gym_website
Flexbody is a modern gym website designed to showcase fitness programs, trainers, and memberships, enhancing the overall workout experience.
Last synced: 11 Oct 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