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

Directly use HTML inside JavaScript

dom jacky javascript jsx jsx-to-dom web

Last synced: 07 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/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/drolsen/webpack-jsx-export

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

export jsx jsx-export webpack webpack-jsx-export

Last synced: 14 Oct 2024

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

uoft code bootcamp week19 - Homework

css3 javascript jsx reactjs

Last synced: 20 Dec 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/youssraelmortai/unc-inc-opdracht

UNC INC assessment assignment 🥷

css framework html javascript jsx react react-router yarn

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/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/troyalford/axis-wiki

React/TinyMCE file-based wiki software

jsx react wiki

Last synced: 17 Jan 2025

https://github.com/mohsenshahbazi/weather-challenge-react

this is a very sample react app for SEP challenge

jsx react reactjs

Last synced: 14 Jan 2025

https://github.com/0xrishavsharma/happybooking-frontend

A minimal version clone of "Booking.com". Made using React.js, Tailwind and Scss (Additional features and responsiveness under construction🏗)

jsx react sass

Last synced: 22 Jan 2025

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/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/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/mikixit/greencalc-react

GreenCalc-firstReactProjec: My first React Project!

calculator calculator-application css html javascript js jsx react

Last synced: 22 Jan 2025

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

https://github.com/zimnovich/mxn-jsx-transpiler

Transpiles JSX to regular JavaScript

javascript jsx preact react transpile transpiler

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

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

css html javascript jsx react

Last synced: 23 Nov 2024

https://github.com/onjoseph/hello-rails-react

This repository contains a sample project that demonstrates how to connect a Ruby on Rails back-end with a React front-end. The goal of this exercise is to apply previous knowledge of using gems with Rails to connect the back-end with the front-end, while also introducing new techniques for handling JavaScript assets in a Rails application.

css html jsx postgresql rails react reactjs ruby

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

React Admin Dashbourd (syncfusion)

jsx reactjs syncfusion tailwindcss

Last synced: 11 Oct 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: 21 Jan 2025

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

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 Jan 2025

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/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/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/eugenia1984/numen-react

The final proyect wih React do it in group.

javascript jsx react

Last synced: 07 Jan 2025

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/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/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/a-la/bulma

Bulma Class Properties And Types Definitions For JSX.

a-la bulma jsx

Last synced: 05 Jan 2025

https://github.com/anasmak04/application-web-movies-search

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

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

Last synced: 29 Nov 2024

https://github.com/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/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 Jan 2025

https://github.com/vetri02/myreads-react

Tracks books u read, add new books and their present reading status

javascript jsx react udacity-nanodegree

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

https://github.com/nhassl3/blumtap

A fast python autoclicker is suitable for those who want to earn more Blum points.

blockchain blum-crypto clicker desktop-application django django-rest-framework jsx opencv-python python-script react tauri telegram-bot vite

Last synced: 06 Jan 2025

https://github.com/ibyra/angico

A small JSX async-rendering library.

javascript jsx typescript

Last synced: 15 Jan 2025

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/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/thiagoow/galaxytravel-reactjs-website

Website desenvolvido com Sass + template Vite react-js. Utilizando as libs react-router-dom e react-icons, com metodologias de componentização de código do Atomic Design.

atomic-design atomicdesign galaxy-travel jsx react react-js react-router react-router-dom reactjs vite vite-react

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

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

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

jsx react tailwindcss

Last synced: 24 Nov 2024

https://github.com/ameer2000mzori/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/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/adaam2/react-starter

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

css-modules es6 hmr jsx react webpack

Last synced: 28 Nov 2024

https://github.com/mshuster/augmented-ui-jsx

Typed JSX Implementation of Augmented UI via styled-components

augmented-ui css jsx styled-components typescript

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

https://github.com/uzeyir-yariz/react

React ile yapılan projeler burada bulunuyor

html js jsx

Last synced: 11 Oct 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/lorem-gen-react

Lorem-Gen-React is a project developed using React.js and styled with Tailwind CSS. It utilizes Prettier to ensure the code is clean and well-organized. This simple website generates Lorem Ipsum text. For a better understanding, check out the sample images or download the project.

jsx lorem-ipsum-generator prettier reactjs tailwindcss

Last synced: 24 Nov 2024

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

The Birthday-App-React is a React.js project styled with TailwindCSS, using Prettier for code readability. It's designed to practice JavaScript hooks with arrays. Please download or view the sample images for more insight.

jsx prettier react react-hooks tailwind

Last synced: 24 Nov 2024

https://github.com/ameer2000mzori/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/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/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/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/olawale-o/geniopay

Geniopay

css jsx reactjs

Last synced: 15 Jan 2025

https://github.com/IngPorto/ReactJS-old-version-practice

ReactJS version 0.13.3 from 2015, practice in the learning process. Based on a Platzi course.

babel browserify es6 javascript jsx now platzi-course reactjs uid ux zeit

Last synced: 24 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/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/strapi-clone-react

Strapi-Clone-React is created using ReactJS and styled with TailwindCSS. For cleaner code, Prettier is utilized. In this project, I'm utilizing the Context API for learning purposes. Please check out the sample images or download the app for a better understanding.

jsx reactjs strapi tailwindcss

Last synced: 24 Nov 2024

https://github.com/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/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/form-formik-yup-mern

"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.

backend expressjs formik frontend fullstack jsx nodejs prettier reactjs reactqueryv4 styled-components tailwindcss yup

Last synced: 24 Nov 2024

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

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

api axios jsx prettier react reactquery reactrouter tailwindcss

Last synced: 24 Nov 2024

https://github.com/ritwik880/younity

Younity Finschool is a subsidiary of Younity Ed-Tech Pvt Ltd, a digital student community with more than 30,000 registered members pan-india.

bootstrap css3 jsx react-router-dom reactjs

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

https://github.com/kurtgokhan/jsx-middlewares

Transform rendered JSX elements with middlewares

jsx react react-jsx

Last synced: 06 Dec 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 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/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/willigarneau/materialui-portfolio

👨‍💻📸 Beautiful and easily customizable portfolio for developers. Made with React.js and Material UI📣

customizable i18next jsx material-ui portfolio react white-label

Last synced: 23 Nov 2024

https://github.com/ivankprod/mxm-kanban

Kanban dashboard

eslint js jsx react sass scss vite

Last synced: 30 Dec 2024

https://github.com/mikhail-ev/stringify-jsx

JSX adaptation as a template system for non-React projects

html jsx jsx-adaptation mustache react stringify-jsx templates

Last synced: 20 Dec 2024

https://github.com/codespacem/passwordgenerator

A react app to generate passwords of variable length with option to use numbers and special characters.

html-css-javascript jsx reactjs

Last synced: 11 Oct 2024

https://github.com/neolegends/babel-plugin-transform-react-create-element

Shorten JSX `React.createElement` calls using a local variable

babel-plugin jsx react

Last synced: 06 Dec 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 250 Resources 135 📦 Components & Libraries 131 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 🛠️ Tooling 1 Applications 1 Testing V1 1