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/spencerjibz/partial-mern-app

THIS IS A HYBRID APP WITH BOTH A CRUD LAYER AND A REST API FOR REACT. ITS A COMPLETE HACK INTO MERN STACK WITHOUT USING TWO DIFFERENT SERVERS (ONE FOR BACKEND AND THE OTHER FOR CLIENT). THIS APP USES BOTH EJS AND JSX

backend crud crud-layer ejs hybrid jsx mongodb nodemailer passportjs-authentication react webpack4

Last synced: 15 Nov 2024

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/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/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: 19 Nov 2024

https://github.com/manuelgil/vscode-react-pack

Essential extensions for React development. Includes support for React, TypeScript, JavaScript, JSON, Git, Markdown, and more.

extension-pack extensions javascript js json jsx react reactjs vscode vscode-extension

Last synced: 19 Nov 2024

https://github.com/mrsobhan/reactjs-project

A passionate front end developer from Iran. This project is one of the great React library that I have shared live for you. ❤️

back-end bootstrap-react css front-end html js jsx reactjs spa ui-components

Last synced: 15 Nov 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/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/spm999/mplayer

The Ultimate Music Player is a dynamic and user-friendly application designed to store and play your favorite songs. Built with React.js and Firebase, this music player offers a seamless experience, allowing you to enjoy your favorite tunes anytime, anywhere.

css firebase firestore-database google-login javascript jsx musicplayer react react-router vite

Last synced: 15 Nov 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/enlighterjs/plugin.themecustomizer

EnlighterJS theme customizer component

enlighterjs jsx theme-customizer

Last synced: 15 Nov 2024

https://github.com/nidhiupman568/weatherapp-using-react.js

🎉 Welcome to the Weather App project! 🎉 This interactive and dynamic web application provides real-time weather updates for any city you search for, all built with ReactJS ⚛️. Whether you're planning your day or just curious about the weather, this app has you covered! 🌈

axios css front-end-development functional-components-reactjs html javascript jsx learning-reactjs reactjs reactjs-developer weather-app web-development

Last synced: 16 Nov 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/arkapg211002/local-frame

Developed a responsive photo gallery using Next.js, Supabase, and Tailwind CSS. Enabled photo upload and storage with Supabase, leveraging Next.js for dynamic routing and React components. Integrated user authentication for secure access.

javascript jsx nextjs14 node-js sql supabase tailwind-css

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

https://github.com/alexmihov96/react-quickstart

A simple initial project from where you can start building your application

init javascript jsx react react-redux react-thunk rxjs starter-kit store

Last synced: 19 Dec 2024

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

JSX -> HTMLElement direct DOM rendering, via Babel.

babel babel-plugin jsx reactive

Last synced: 16 Nov 2024

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

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/0904-mansi/login-page

This is a dummy react website I learned how to deploy react websites.

jsx reactjs

Last synced: 14 Nov 2024

https://github.com/lsyurea/tskmanager

tskManager which makes use of NUS mod API to coordinate and manage tasks with a customised profile page of all the items due on the day itself

css html5 jsx nodejs postgresql react supabase

Last synced: 14 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/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/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/alekrish-12/ecommerce-app

Shopping Website (Frontend) - Forever Shopping is a user-friendly e-commerce platform built with React.js (or Angular). It features easy login, product search, pagination, and a simple cart system. The responsive design ensures smooth browsing on all devices, with role-based access for personalized experiences. http://localhost:5173/

config css3 github-config html5 javascript jsx node-module package-json reactjs tailwind-css vite

Last synced: 14 Nov 2024

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

https://github.com/aaimio/logicful-templates-example-js

An example project demonstrating how to use the logicful-templates library when using JavaScript

jsx jsx-elements jsx-syntax jsx-templates

Last synced: 14 Nov 2024

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

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: 09 Dec 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/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/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: 13 Nov 2024

https://github.com/dervexdev/svg-to-tsx

Convert all your SVGs to a single TSX module

cli icons jsx react svg tsx

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

https://github.com/jaymar14/week-19

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 Nov 2024

https://github.com/wtnabe/example-vue-ts-fc-jsx

ViteとVue 3でTypeScriptとJSXを利用したFnuctional Componentを書いてみるテスト

jsdoc jsx typescript vue

Last synced: 13 Nov 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/cjfuller/rjsx-mode

Emacs major mode for editing react JSX files

emacs jsx react

Last synced: 29 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/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/safayetdib/movieland-search-with-react

MovieLand Search From OMDB API

css jsx omdb-api react

Last synced: 14 Nov 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/andrelmlins/whatsup-document-title

Page title manager for whatsup

document jsx title whatsup

Last synced: 16 Nov 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: 12 Nov 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/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/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: 12 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/eimaam/xxtech-desk

A Web Service Company Website/Portfolio

javascript jsx react reactjs sass scss

Last synced: 14 Dec 2024

https://github.com/kt3k/xat

JSX as template - React based template engine

jsx react template

Last synced: 11 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/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/ibyra/angico

A small JSX async-rendering library.

javascript jsx typescript

Last synced: 15 Nov 2024

https://github.com/chris-aqui/clicky-game

uoft code bootcamp week19 - Homework

css3 javascript jsx reactjs

Last synced: 20 Dec 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/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/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/mishi54/pokemon

This is a Pokémon card application built in React that allows users to search and view Pokémon details like height, weight, speed, and abilities. The project utilizes components and state management to dynamically display a list of Pokémon with a search feature. It employs a clean, responsive design and highlights the use of React props and JSX .

api bun cartoon components jsx pokemon-api reactjs useeffect-hook usestate-hook vite

Last synced: 19 Dec 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/sreesh-mallya/learn-reactjs

Code for egghead.io's beginner's guide to React

babel egghead-io jsx learning-by-doing reactjs

Last synced: 27 Dec 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/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/a-la/bootstrap

Bootstrap Class Properties, Elements And Types Definitions For JSX.

a-la bootstrap css jsx

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

https://github.com/a-la/bulma

Bulma Class Properties And Types Definitions For JSX.

a-la bulma jsx

Last synced: 05 Jan 2025

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.

javascript jsx reactjs

Last synced: 11 Oct 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/wompojs/wompo

Wompo is a React-like web components library to create functional UIs in the web.

components-library js jsx typescript web-components

Last synced: 14 Oct 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/rxrow/react_admin_dashboard

React Admin Dashbourd (syncfusion)

jsx reactjs syncfusion tailwindcss

Last synced: 11 Oct 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/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/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/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/washira/next-13-blog

A blog web app project using NextJs 13.

jsx nextjs13 scss

Last synced: 19 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/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/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

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 247 Resources 136 📦 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