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

Directly use HTML inside JavaScript

dom jacky javascript jsx jsx-to-dom web

Last synced: 07 Dec 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/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/suiyun39/babel-plugin-jsx-asset-url-import

Extract and transform static url to import in JSX

babel babel-plugin jsx

Last synced: 26 Jan 2025

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

A small JSX async-rendering library.

javascript jsx typescript

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

Our official design system and UI library

design-system frontend jsx material material-design material-you material3 react solidjs ui web

Last synced: 11 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/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/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/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/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/a-la/bulma

Bulma Class Properties And Types Definitions For JSX.

a-la bulma jsx

Last synced: 05 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: 28 Jan 2025

https://github.com/olawale-o/geniopay

Geniopay

css jsx reactjs

Last synced: 15 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/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/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/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/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/yusafosei-bonsu/tfl-live-status-project

A project that develops a React app that shows the live status of each Tfl tube line

css html jsx reactjs

Last synced: 16 Jan 2025

https://github.com/imrdjai/xml-jsx-runtime

A custom automatic JSX runtime that transforms JSX into xml-js's non-compact objects that can be converted into plain XML strings.

javascript jsx typescript xml

Last synced: 13 Jan 2025

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

React ile yapılan projeler burada bulunuyor

html js jsx

Last synced: 11 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/diegoperea20/react-file-input-component

React File Input Component in which you can Drag and drop files or select files and you can see a visualization of files like photos, pdf, .docx and .xlsx

ccs component file input jsx nextjs react react-file-input-component

Last synced: 11 Oct 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/jaymar14/week-19

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 Jan 2025

https://github.com/youssraelmortai/unc-inc-opdracht

UNC INC assessment assignment 🥷

css framework html javascript jsx react react-router yarn

Last synced: 28 Jan 2025

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

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

jsx reactjs

Last synced: 14 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: 28 Jan 2025

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/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/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/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/eimaam/xxtech-desk

A Web Service Company Website/Portfolio

javascript jsx react reactjs sass scss

Last synced: 14 Dec 2024

https://github.com/nerdic-coder/stencil-container

A stencil component that displays child element if all conditions are fulfilled.

javascript jsx stencil stencil-components stencil-js stenciljs stenciljs-components typescript webcomponent webcomponents

Last synced: 02 Jan 2025

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

https://github.com/projectravel/gameweb-project

Game Web Shop is a web-based e-commerce application designed to provide an enjoyable shopping experience for gaming enthusiasts. Built with ReactJS, this application offers a dynamic and responsive interface for browsing, searching, and purchasing games effortlessly.

javascript jsx react reactjs vite

Last synced: 10 Jan 2025

https://github.com/duncanbrewster/e-commerce-app

A full-stack E-Commerce app connected to a Rest API with functioning pages as well as a stripe payment feature.

axios http-requests jsx mongodb mongoose postman react react-router redux redux-toolkit rest-api stripe styled-components

Last synced: 08 Jan 2025

https://github.com/mohamad-ashrafi/react-login-register

User login and registration using React With API

api css html5 javascript jsx reactjs

Last synced: 14 Jan 2025

https://github.com/annakharatova/mesto-react

Проект Mesto на React frontend

api javascript jsx react

Last synced: 20 Dec 2024

https://github.com/maxbleu/frontedonpole

This repository contains the frontend source code for Onpole. It features HTML, CSS, and JavaScript to create a dynamic and responsive user interface, developed using React.

axios-react css fronted html javascript jsx react react-fast-marquee react-router-dom recharts responsive scss

Last synced: 21 Jan 2025

https://github.com/rominalodolo/modernreactwithredux

Completed exercises done from the Modern React with Redux Udemy course by Stephen Grider

exercise javascript json jsx node projects react redux udemy

Last synced: 12 Jan 2025

https://github.com/jeremiias8/prueba_interactive_react

Pequeño proyecto de tipo prueba que tuve en entrevista para puesto de React.

bootstrap5 css3 hooks html5 jsx react react-hooks vitejs

Last synced: 01 Jan 2025

https://github.com/mahammad-mostafa/hello-rails-react

This is the first project in the full stack capstone module of the Microverse program. It is an exercise for using Rails with React through jsbundling-rails gem & WebPack.

api babel es6-javascript eslint gitflow-workflow jsbundling-rails jsx microverse microverse-projects microverse-students postgresql rails-api react-redux react-router reactjs redux-toolkit rubocop ruby-on-rails stylelint webpack

Last synced: 08 Dec 2024

https://github.com/maxbleu/freegames

Welcome to WowGames, the ultimate website to enjoy a wide variety of games. I developed this page for a deliverable assignment in my Client Development course. Enjoy it! 🎮✨

api-free-to-play-games css html javascript jsx react website-games

Last synced: 21 Jan 2025

https://github.com/alexmarles/reactr

Carlos Azaustre's React course

babel babeljs docker es2015 es6 javascript js jsx react webpack

Last synced: 14 Jan 2025

https://github.com/jeremiias8/react-game

Juego del 3 en raya usando React

css3 html5 javascript jsx react vitejs

Last synced: 01 Jan 2025

https://github.com/guptamudit/e-learn

Learning Management Platform. This E-Learn Platform is based on NextJs. The Authentication is provided by Clerk Authentication and backend cloud storage and schemas is provided by HyGraph, a platform where GraphQl queries helps in importing databases and perform operations on them.

clerkauth graphql hygraph java jsx lucide-react nextjs react tailwindcss

Last synced: 11 Oct 2024

https://github.com/kastorcode/gostack-live-06-geolocation-maps

Live #6 of the Rocketseat GoStack Bootcamp: Geolocation and Maps with NodeJS and React Native.

backend bootcamp brazil express fullstack geolocation goiania goias gostack javascript jsx live maps matheus mobile nodejs oliveira ramalho react-native rocketseat

Last synced: 26 Jan 2025

https://github.com/yaairfernando/videos

Project developed with React that implements an API using Axios to retrieve data from the Youtube API

api axios jsx react

Last synced: 02 Jan 2025

https://github.com/lalitmee/ud-myreads

Udacity Myreads Application

jsx react service-worker

Last synced: 29 Dec 2024

https://github.com/czzonet/react-webpack-js-startup

react-webpack-js-startup 一个webpack5打包的react+js最小项目的配置

jsx react webpack5

Last synced: 30 Dec 2024

https://github.com/developeromarfaruk/node-react-custom-jwt-auth

In this repository Login and Register authentication and authorization are done by using a custom JWT token.

axios bcryptjs bootstrap5 cors css3 dotenv express-js html5 jsonwebtoken jsx jwt-token mongodb nodejs nodemon react-hooks react-router reactjs restful-api

Last synced: 29 Dec 2024

https://github.com/thitikorn-nupan/react-and-vite-core-base-typescript

anythings same the last react project but this i keep to use typescript language (it's better performance)

bootstrap5 css html5 javascript jsx react tsx typescript vite

Last synced: 16 Jan 2025

https://github.com/techycode-01/currency_converter

Currency Converter is a web application built with React, Vite, and Tailwind CSS. It enables real-time currency conversion and supports currency selection and amount input with a user-friendly interface.

hooks jsx reactjs tailwind-css

Last synced: 16 Nov 2024

https://github.com/miro-wq/goit-react-hw-01-components

This homework task project is a comprehensive social media dashboard composed of several key components that demonstrate fundamental concepts in React development.

component-based css friend-list frontend json jsx modular-code profile-component props-type react react-components-and-css-modules social-media statistics transaction-history ui web-development

Last synced: 16 Jan 2025

https://github.com/balamurugan-annadurai/react-shopping-cart-redux

About A responsive shopping website built with React.js, featuring dynamic product management and an interactive shopping cart. Users can add, remove, and update product quantities, with real-time updates on total price and stock availability

css3 html5 javascript jsx react

Last synced: 16 Nov 2024

https://github.com/techycode-01/passwordgenerator

This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.

jsx react tailwindcss

Last synced: 16 Nov 2024

https://github.com/oscararismendi/twitter-follow-card

A simple React application that displays a list of Twitter-like follow cards.

css3 jsx react

Last synced: 16 Nov 2024

https://github.com/vinamrasaurav/food-delivering-webapp-frontend

This is just a practice/mock website frontend for a food delivering company.

css html html-css-javascript js json jsx react reactjs

Last synced: 14 Dec 2024

https://github.com/saicharanuvaraj/codecraft2024

A website created by team work for an hackathon event conducted in college using vite powered reactjs and tailwindcss

css3 html5 javascript jsx reactjs tailwindcss vite

Last synced: 22 Jan 2025

https://github.com/sidd0894/react-application-form

An application form made with react

application-form form jsx react

Last synced: 16 Jan 2025

https://github.com/dharanchilukuri/todolist-crud

todo list app to manage tasks

jsx parcel reactjs tailwindcss usestate-hook

Last synced: 16 Nov 2024

https://github.com/saicharanuvaraj/tictactoe-react-game

A well designed Tic Tac Toe (XO) game for browsers created using vite powered reactjs and tailwind css with xo game logic

game google-fonts html-css-javascript jsx reactjs tailwindcss vite

Last synced: 16 Jan 2025

https://github.com/bhaveshwagh/portfolio

My PortFolio WebApp

jsx react-router reactjs tailwindcss

Last synced: 30 Dec 2024

https://github.com/nadeetharuka/travel-website

This project is a responsive Travel and Tour website built using ReactJS. It provides users with an intuitive and clean interface to explore travel destinations, book tours, and get travel-related information. The website is designed with modern UI principles to enhance the user experience.

bootstrap css3 jsx reactjs tailwindcss

Last synced: 11 Oct 2024

https://github.com/souvik-basak/portfolio

This portfolio website showcases my skills and projects as a Front-End Web Developer. It is designed with a focus on interactivity, smooth animations, and responsiveness. The site features a dynamic skills section, a draggable interface, and a fully functional contact form powered by EmailJS.

framer-motion gsap javascript jsx reactjs sass

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