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/dipeshduwal/cv-application

In this react project, a small application is created where users can input their information and generate a CV/résumé.

conditional-rendering css javascript jsx react state-management vite

Last synced: 10 Oct 2024

https://github.com/axelo/tslint-jsx-typed-class-name

TSLint rule to provide typed class names for the jsx attribute className. Add more safety to your react components, especially with the css utility library of your choice.

classname css jsx react tachyons-css tailwind-css tslint tslint-rules typed

Last synced: 27 Sep 2024

https://github.com/claire-labry/plant-clicky-game

Plant Clicky Game is a React-based application that tests the user's memory when clicking 12 different photos of plants. User's score will be tracked until they click a duplicate photo. React, Javascript, JSX, + Bootstrap were used to build this application.

bootstrap javascript jsx reactjs

Last synced: 13 Oct 2024

https://github.com/pascalduez/babel-plugin-jsx-svg

Tree shackable SVG aliases for JSX

babel babel-plugin jsx svg

Last synced: 17 Oct 2024

https://github.com/petrmileshko/spa-farmer

Проект по верстке React компонентов для самостоятельной работы

html-academy js jsx jsx-syntax react react-components react-native

Last synced: 19 Oct 2024

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

api jsx react spa

Last synced: 23 Oct 2024

https://github.com/principlebrothers/to-do-list-app

Single page app that allows user to add, delete, update and mark task as completed.

jsx reactjs

Last synced: 17 Oct 2024

https://github.com/mgueyraud/twitter-clone-react

This is a twitter clone build in react with firebase

clone css html js jsx react twitter

Last synced: 17 Oct 2024

https://github.com/jeremiias8/novedades-react19

Novedades en esta última versión de React.

css3 html5 javascript jsx react react-router

Last synced: 08 Nov 2024

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

React y uno de sus hooks más interesantes, con el que puedes disponer de cualquier tipo de valor en los componentes que quieras.

bootstrap5 css3 html5 javascript jsx react react-hooks usecontext

Last synced: 08 Nov 2024

https://github.com/jeremiias8/responsive-react-jf

React responsive and design web page.

css3 html5 jsx react

Last synced: 08 Nov 2024

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

React Video Player básico con el componente 'react-player'.

jsx react react-player

Last synced: 08 Nov 2024

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

Práctica variada sacando rendimiento a la reactividad de la librería de JavaScript.

css3 html5 javascript jsx react

Last synced: 08 Nov 2024

https://github.com/jeremiias8/math-calculator

Math calculator with React and ViteJS.

css3 html5 javascript jsx react vitejs

Last synced: 08 Nov 2024

https://github.com/jeremiias8/crud_react

CRUD (Create, Read, Update, Delete) con React.

api axios bootstrap5 jsx react

Last synced: 08 Nov 2024

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

Juego del 3 en raya usando React

css3 html5 javascript jsx react vitejs

Last synced: 08 Nov 2024

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

Blog (portafolio) creado con ViteJS y compuesto por componentes de React Material UI.

css3 html5 jsx material-ui react react-router-dom vitejs

Last synced: 08 Nov 2024

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

https://github.com/jeremiias8/react_minimalist_portfolio

Proyecto minimalista desarrollado con React y ViteJS

css3 hooks html5 jsx react react-hooks react-router react-router-dom vitejs

Last synced: 08 Nov 2024

https://github.com/jeremiias8/master_react

Máster en React - Hooks, MERN, Router...

api-rest hooks jsx react react-hooks react-router-dom

Last synced: 08 Nov 2024

https://github.com/abuhasanrumi/travel-guru

An interactive web application for hotel booking agencies

bootstrap firebase-auth javascript jsx material-ui netlify react react-calendar react-router

Last synced: 07 Nov 2024

https://github.com/abuhasanrumi/volunteer-network-server

An interactive web application for non-profit organizations built with MERN stack

expressjs firebase-auth jsx nodejs react-router reactjs

Last synced: 07 Nov 2024

https://github.com/ajayprince692/using-axios-to-get-data

Axios to fetch JSON data

axios css jsx reactjs

Last synced: 05 Nov 2024

https://github.com/sedat-akdogan/react_tour_places

React Library is used to create a tour place app.

js jsx reactjs sass sass-mixins scss-modules scss-styles

Last synced: 31 Oct 2024

https://github.com/deenuy/react-recipe-app

This application is developed in a react js component and promise based design to search and discover food recipes based on third party Recipe Search API (EDAMAM).

css html javascript jsx nodejs reactjs

Last synced: 31 Oct 2024

https://github.com/alexkrolick/react-unslide

Slide deck primitives for React

cssinjs emotion jsx presentation react slides

Last synced: 28 Oct 2024

https://github.com/benthepoet/threaditjs-react

A React/Redux implementation of ThreadItJS.

jsx react-sample reactjs webpack

Last synced: 05 Nov 2024

https://github.com/Gabrielm3/react-ecommerce

Este projeto é uma loja de tecnologia básica de e-commerce criada com React.js e styled-components.

javascript jsx npm package-json react styled-components yarn

Last synced: 24 Oct 2024

https://github.com/harshit369/browserstash

A web app to maintain programatic snippets, learnings and shower thoughts at one place

es6 jsx rxjs rxjs6 solid-js typescript

Last synced: 28 Oct 2024

https://github.com/nwylynko/react-raw-hooks

A collection of react hooks, served raw

hooks jsx react tsx typescript

Last synced: 24 Oct 2024

https://github.com/ottomicheletti/trybe-delivery-app

Delivery app is my first Full Stack project developed with a group. The goal was to use all our knowledge to develop a delivery app with front and back-end while distributing work load through team members using a KanBan board. Done with JavaScript, React, Zustand, Axios, Node, Express, JWT and MySQL.

authentication authorization axios css3 express full-stack javascript jsx jwt kanban md5 mysql nodejs trello zustand

Last synced: 24 Oct 2024

https://github.com/rafaeldevvv/open-trivia-quiz

A simple quiz made with questions provided by the Open Trivia DB API

api css fetch html javascript jsx quiz react sass

Last synced: 07 Nov 2024

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

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

jsx react webpack5

Last synced: 24 Oct 2024

https://github.com/xkeshav/o_ho_no

A hono based repo with learning

hono honojs jsx react typescript

Last synced: 24 Oct 2024

https://github.com/ajsalemo/omdb-graphql-apollo

Movie listing's application that pulls data from the OMDb API. This is a React application with an express backend, using an GraphQL server and Apollo

api apollo axios cors dotenv express graphql jsx material-ui omdb persistent-storage react server single-page-app

Last synced: 07 Nov 2024

https://github.com/akshitvadodariya1201/todo-app-with-reactjs-rust

This project is a Todo List application built with React.js for the frontend and Rust for the backend.

api crud css3 html js json jsx reactjs rest-api rocket rust server

Last synced: 09 Oct 2024

https://github.com/zafar-saleem/react-login-hooks

This project shows implementation of login system using react hooks. I converted class base component implementation to functional component by using hooks.

article blog blogging css css3 hooks hooks-api hooks-api-react html html5 javascript jsx react react-hooks react-router-dom reactjs

Last synced: 08 Nov 2024

https://github.com/zafar-saleem/brela-test

A simple project where I implemented an agenda view/page where list of events for a particular user/employee is listed on a calendar.

components create-react-app documentation es6 full-calendar git github github-actions github-wiki javascript jsx nodejs react react-hooks react-router-dom reactjs styled-components

Last synced: 08 Nov 2024

https://github.com/blackwakhu/shopping-list-react

this is a simple react shopping list app for adding and deleting from the list

css html javascript jsx react reactjs vite vitejs

Last synced: 31 Oct 2024

https://github.com/lcl-101/wepack-study

webpack3.5.5 整理

es6 jsx npm react vue vue-router vuex webpack3

Last synced: 11 Oct 2024

https://github.com/luckmer/react-drag-and-drop

link : 🎮🕹 https://dragandrop-luckmer.netlify.app/ 🎮🕹

css jsx react react-hooks

Last synced: 01 Nov 2024

https://github.com/sreeragp69/cup-coffe

A sophisticated coffee shop website developed using React.js, Vite, Tailwind CSS, and an array of React libraries. The site is fully responsive, ensuring an optimal viewing experience across all devices.

frontend jav javascript jsx mern reactjs responsive tailw websi

Last synced: 08 Nov 2024

https://github.com/aryanj-nyc/react-tic-tac-toe

A tic-tac-toe game written in React with JSX. It features a computer player that cannot be beaten (only tied).

computer-player game jsx react

Last synced: 07 Nov 2024

https://github.com/jeonggoncho/react-practice-emotion-diary

📘 React를 이용하여 제작한 'Emotion Diary 클론코딩'입니다.

clone-coding javascript jsx react

Last synced: 01 Nov 2024

https://github.com/sajadtorkamani/react-json-dump

A React component to quickly dump JSON-like data

debugging jsx react

Last synced: 30 Oct 2024

https://github.com/npkgz/dom-magic

simple ES6 utilities to manipulate browsers DOM

dom-manipulation es6-javascript es6-modules jsx

Last synced: 31 Oct 2024

https://github.com/mukundkumra/react-component-generator

A simple CLI tool to quickly generate React component folders with JSX and CSS files. The package scaffolds a folder with a React component template that includes imports for the CSS file and a functional component ready for editing.

cli component css generator jsx react scaffold tool

Last synced: 01 Nov 2024

https://github.com/pranav016/todoist-react

Created with CodeSandbox. This is a ToDo list app with all of its frontend and logic implemented in React/ JSX.

css jsx react

Last synced: 05 Nov 2024

https://github.com/z347/javascript-php-feedbackform

Ready settings for processing the feedback form on the site. Front-end use - React and Back-end use - PHP.

fetch jsx mailserver php smpt

Last synced: 05 Nov 2024

https://github.com/linguini1/booking-app

A basic mobile booking app in react that makes use of the Material UI date and time pickers.

app booking booking-app css html jsx material-ui nuemorphic react react-app scss

Last synced: 07 Nov 2024

https://github.com/kmyeaserarafat/blood-bank

This is a realllife demo blood bank web application. It's devlop by using html, css, react js, framework.

bootstrap css html java json json-api json-server jsx react react-bootstrap react-bootstrap-components

Last synced: 10 Oct 2024

https://github.com/kavinthangavel/edu_admit_connect

Edu Admit Connect (Online College Admission Portal)

js jsx vite-react

Last synced: 03 Nov 2024

https://github.com/h-campos/api-weather

Weather application 🌤️

javascript jsx react styled-components weather-api

Last synced: 28 Oct 2024

https://github.com/raymond-mawina/a-react-redux-sagas-game-project

A small escape a dungeon game, created using react, redux, redux-sagas, html-canvas, material UI and unit tested using jest and react-testing-framework.

html5-canvas jest jsx material-ui react react-testing-library redux redux-saga

Last synced: 07 Nov 2024

https://github.com/andregoncalves/stencil-countrylist

st-countrylist is a web component built with Stencil to generate a country list drop down (select) element.

countries country-picker jsx stencil webcomponents

Last synced: 12 Oct 2024

https://github.com/iambasilp/restaurant-modern-react-website

Fully Responsive Restaurant Website with Modern UI and UX in ReactJS

css3 html5 javascript jsx modern react

Last synced: 08 Nov 2024

https://github.com/mrpranavr/expense_calculator_app

A web app to calculate expenses made using react.js

jsx reactjs

Last synced: 07 Nov 2024

https://github.com/anthony-2003/wild-oasis-proyect

This project is a hotel booking management system designed for administrative staff to efficiently handle reservations and manage hotel operations.

jsx react react-form-hook react-query react-router supabase supabase-auth

Last synced: 11 Oct 2024

https://github.com/saber2pr/tsx

a tsx renderer for the browser and node.js

jsx react tsx

Last synced: 11 Oct 2024

https://github.com/saber2pr/quick

quick blog page.

demo jsx

Last synced: 11 Oct 2024

https://github.com/syarul/luax

Shallow React createElement implementation in LUA, support JSX like syntax parsing

ast dsl jsx jsx-syntax lua react

Last synced: 11 Oct 2024

https://github.com/pavlevujicic/calculator-miniproj

Simple and intuitive calculator built using React.

css javascript jsx reactjs

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-dialog

Responsive React Dialog built with Bootstrap 5. Examples of dialog box UI for confirm & reject dialog popups, alert dialogs & more.

bootstrap bootstrap-modal bootstrap-template bootstrap-theme bootstrap5 css html jsx react-bootstrap react-modal reactjs

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/country-finder

Country Finder application using React. This application allows users to search for countries, filter them by region, and view detailed information about each country. We will utilize React's hooks and context to manage state and theming, and we'll integrate with the REST Countries API

api country-finder css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/crypto-finder

Cryptocurrencies are all the rage these days, and with the plethora of coins available, it’s essential to have a tool to easily search and view details about them. The Crypto Finder app does just that. Built with React.

api crypto-finder css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-select-with-custom-input

Responsive React Select with custom user input built with Bootstrap 5. Click on the Other option to input a custom value into the select.

bootstrap bootstrap-input bootstrap-react bootstrap-select bootstrap-template bootstrap-theme bootstrap5 css jsx react react-input react-select

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-survey-form

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.

bootstrap bootstrap-form bootstrap-react bootstrap-template bootstrap-theme bootstrap5 css jsx react react-form

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-screen-sizes

Responsive React Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap reactjs

Last synced: 11 Oct 2024

https://github.com/quangv/dr-dom

r-dom div wrapper

jsx r-dom react

Last synced: 11 Oct 2024

https://github.com/shankscript/create-react-redux-boot

A boilerplate for React App with Redux

jsx react redux redux-thunk

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/calculator

This calculator project allows users to perform basic arithmetic operations like addition, subtraction, multiplication, and division. The calculator has a sleek, user-friendly interface, and it handles all the essential operations, including clearing the input, and show the calculations .

calculator css javascript jsx react web-development

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

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/ashmit4818/devops_resources_project

DevOps Resources Hub: A React app offering curated DevOps tutorials, automated via GitHub Actions.

container devops docker docker-image github github-actions javascript jsx material-ui react vercel

Last synced: 01 Nov 2024

https://github.com/kanzatahreem/bookstore

Web app built with React, Redux, and external API that allows users to display a list a books, add a new book, and remove the selected one.

api babel create-react-app ducks-pattern feature-folders javascript jsx react react-router reactjs redux reduxthunk reduxtoolkit webpack

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/joke-generator

This Joke Generator fetches a random joke from an API and displays it on the screen when the user clicks a button. It has a clean and minimalistic user interface, making it simple to interact with. This project teaches how to integrate APIs and manage component states in React.

api css javascript joke-generator jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/expense-tracker

The Expense Tracker application allows users to keep track of their income and expenses. It helps manage financial data by categorizing and calculating income, expenses, and the total balance. This project showcases the use of React for managing state and handling user input efficiently.

css expense-tracker javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/qr_code_generator

The QR Code Generator allows users to create QR codes by entering content, adjusting the size, and selecting a background color. It utilizes a public API to generate the QR codes and displays them on the screen. Users can generate, view, and download QR codes for various purposes.

css javascript jsx qrcode-generator react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/todo-app

The Todo List application allows users to add, mark as completed, and remove tasks. It offers a clean interface for managing daily tasks. This project showcases how React can be used to manage the state of a simple yet dynamic application.

css javascript jsx react todo-app todo-list todo-list-app web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/quiz-website

The Quiz Website allows users to answer multiple-choice questions and get instant feedback on their selections. At the end of the quiz, users are shown their scores along with the correct answers.

css javascript jsx quiz-website react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/password-validator

The Password Validator checks the strength of the user's password in real-time and provides feedback on whether the password meets the criteria for a strong password. The feedback is displayed below the input field, encouraging users to create more secure passwords.

css javascript jsx password-validator react web-development

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

https://github.com/abhishekgurjar-in/loop-studio

Loop Studio is an immersive website designed to showcase various virtual reality (VR) projects. Using React, we can efficiently manage and render different components to build a cohesive and interactive user experience.

javascript jsx loop-studios react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/lyrics-finder

The Lyrics Finder allows users to search for song lyrics by entering the song title and artist name. It fetches the lyrics from a public API and displays them on the screen. Users can quickly find and read the lyrics of their favorite songs.

api css javascript jsx lyrics-finder react web-development

Last synced: 11 Oct 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 194 hyperawesome 71
JSX (JavaScript XML) Categories
Uncategorized 235 Resources 135 📦 Components & Libraries 120 Utilities V1 17 Articles & Tutorials V1 10 Boilerplates V1 9 Utilities 8 Examples V1 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 Testing V1 1 Applications 1 🛠️ Tooling 1