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/amandange/monsters-rolodex

Monsters-Rolodex

css jsx reactjs

Last synced: 11 Oct 2024

https://github.com/eduardobattisti/freecodecamp-drum-machine

Project developed according to the requirements of the Front End Development Libraries Projects: Build a Drum Machine

hooks-api-react html5 jsx react sass scss

Last synced: 11 Jan 2025

https://github.com/enweazudaniel/jsx

Created with CodeSandbox

codesandbox html javascript jsx react reactdom

Last synced: 11 Jan 2025

https://github.com/proustibat/react-js-markdown-editor

Udemy course by Anthony Welc - Project 1 of "React JS pour les debutants"

getting-started jsx react react-component react-for-beginners react-tutorial reactjs tutorial udemy udemy-tutorial

Last synced: 30 Dec 2024

https://github.com/skwowet/react-scratchpad

A react repo for learning the various aspects of react

jsx learning-by-doing react

Last synced: 13 Jan 2025

https://github.com/raspberri05/chatterbox

A user-friendly chat app built for students featuring direct messaging, group messaging, and simple tools for group moderation.

chat chatapp css html javascript jsx nodejs reactjs

Last synced: 11 Jan 2025

https://github.com/raspberri05/stockfalafel

Easy-to-use comprehensive stock-tracking app to help investors track stocks, with a customizable watchlist, detailed stock information, and the day’s most important stocks.

css html javascript jsx nodejs reactjs stock-tracker stocks

Last synced: 11 Jan 2025

https://github.com/mboladop/freecodecamp-fel-certification-projects

Random Quote Machine // Markdown Previewer // Drum Machine // JavaScript Calculator // Pomodoro Clock

bootstrap freecodecamp freecodecamp-project javascript jquery jsx react redux sass

Last synced: 13 Jan 2025

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/yordiyes/chat-app

This repository hosts the development of a Chat App, a real-time messaging application built using modern web technologies. It includes features like user authentication, message handling, and a responsive UI for seamless communication.

css express html js jsx mongodb nodejs react

Last synced: 04 Dec 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/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/md-rejoyan-islam/blood-finder-app

The Blood Finder App is a web application designed to find blood donors with those in need of blood donations. It allows an organization to find blood donar which are willing to donate blood.

jsx react react-router-dom vite

Last synced: 04 Dec 2024

https://github.com/kevx7/hex2024-react-training-week3

六角 2024 React 作品實戰冬季班第三週作業 - 熟練 React.js

axios bootstrap5 gh-pages json jsx map react restful-api soc swagger-ui vite

Last synced: 12 Jan 2025

https://github.com/mohsin-ali08/my-dashboard

My Dashboard: A personal dashboard application built with React.js that showcases dummy users and provides functionality to manage comments, posts, albums, and photos. The project practices fetching data from dummy APIs,

ant-design css3 gird-layout html5 jsx react-router reacticons reactjs responsive-layout tailwdindcss

Last synced: 08 Jan 2025

https://github.com/siraajul/todospark

A minimalist React + Vite Todo application that offers essential CRUD operations (Create, Read, Update, Delete) with a clean, modern UI built using Tailwind CSS. Features include task completion toggling, inline editing, local storage persistence, and responsive design. Perfect for both React beginners and developers seeking a lightweight todo app

css3 html5 javascript jsx reactjs todoapp vitejs webapp

Last synced: 08 Jan 2025

https://github.com/devonwintz/understanding-reactjs

A brief introduction into ReactJS.

jsx react understanding-react

Last synced: 19 Nov 2024

https://github.com/mcnallydev/react-md-switch

React Component Material Design Switch.

javascript jsx react

Last synced: 16 Nov 2024

https://github.com/pethum021/rewrap-

Install Vite + ReactJS with one command, save the stress and hassle of going back and forth TailwindCSS docs for every project.

installer js jsx nodejs npm-package reactjs tailwindcss ts tsx vite

Last synced: 12 Jan 2025

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/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/ramgoel/reactclones

Website Clones made in React.

clones css html jsx react

Last synced: 13 Jan 2025

https://github.com/aayushyadavz/react-basics-notes

Basically in this repo you will find the React topic wise codes with notes on every line of code. Beginner friendly React notes, you can learn, revise e.t.c.

babel complex-state components-react destructuring-objects expressions jsx reactjs spread-operator usestate-hook

Last synced: 16 Nov 2024

https://github.com/ramgoel/gan-assignment

Bakecut - Made in React & Redux

jsx reactjs redux

Last synced: 13 Jan 2025

https://github.com/delph123/supplejs

A toy project to re-implement SolidJS from scratch

fine-grained jsx reactivity solidjs

Last synced: 16 Nov 2024

https://github.com/andregoncalves/stencil-ios-toggle

iOS like toggle checkbox web component

jsx stencil toggle-switches webcomponents

Last synced: 09 Dec 2024

https://github.com/pascalallen/vanilla-react

The motivation behind this project is to demonstrate foundational frontend skills without extraneous dependencies. This project uses only React, JSX, CSS, and Webpack, focusing on core functionality without relying on any third-party libraries.

css html jsx react webpack

Last synced: 06 Jan 2025

https://github.com/ship-components/ship-components-outsideclick

React component to detect clicks outside of its children

babel browserify javascript javascript-library jsx react reactjs webpack

Last synced: 11 Jan 2025

https://github.com/joeribreedveld/portfolio-website-v3

My third portfolio website made with Next.js

css html javascript jsx nexjs portfolio react sass website

Last synced: 11 Jan 2025

https://github.com/joeribreedveld/f3m9-prog-react-todo

React todo app for school assignment

jsx react reactjs school todo

Last synced: 11 Jan 2025

https://github.com/codebrahma/bricks

Bricks for Codebrahma website

docz jsx react styled-components

Last synced: 04 Dec 2024

https://github.com/siraajul/techvite

Simple yet useful tech blog

axios-react css3 html5 jsx react router

Last synced: 04 Dec 2024

https://github.com/anupamakib/telescope-livetv-webapp-frontend-reactjs

Using this web application, user can watch live tv that available in YouTube. This application's backend use YouTube to fetch live TV links.

bootstrap font-awesome frontend javascript jsx jwt-authentication material-ui reactjs

Last synced: 14 Jan 2025

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/capricorncd/mini-react

fiber, task scheduler, useState, useEffect

jsx react vite

Last synced: 14 Dec 2024

https://github.com/i-rocky/rc-iframe

IFrame component for React

iframe jsx react react-components

Last synced: 11 Jan 2025

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/abhishekverma051/weather-app-react-native

WeatherApp is a sleek and intuitive mobile application built with React Native that provides real-time weather information at your fingertips. Designed to deliver accurate and up-to-date weather forecasts.

asyncstorage javascript jsx react-native

Last synced: 30 Dec 2024

https://github.com/codelikeagirl29/react-profile-concept

Welcome to your personalized digital space! This profile page brings your unique identity to life.

deployed-to-vercel font-awesome jsx profile-page react react-show-more-text tailwindcss vercel vite

Last synced: 05 Dec 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/fatahpratam/tutorial-react-state

Created for documenting my progress for Hitesh's React YouTube tutorial. (Chapter 4)

eslint frontend javascript jsx react vite web-app web-development

Last synced: 19 Nov 2024

https://github.com/fatahpratam/tutorial-react-vite

Created for documenting my progress for Hitesh's React YouTube tutorial.

eslint frontend javascript jsx react vite web-app web-development

Last synced: 19 Nov 2024

https://github.com/fatahpratam/tutorial-cra

Created for documenting my progress for Hitesh's React YouTube tutorial. (Chapter 1)

create-react-app frontend javascript jsx react web-app web-development

Last synced: 19 Nov 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: 27 Dec 2024

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/aman3096/formit

Form made using react.js and react-router-dom

css html-css-javascript javascript jsx png react react-router-dom svg-icons

Last synced: 28 Dec 2024

https://github.com/ampmonteiro/vite-solidjs-mpa

MPA blog demo with vite and solidjs

jsx mpa solidjs vitejs

Last synced: 09 Jan 2025

https://github.com/aman3096/webpack-project

webpack project bundler setup in css, source-maps, React-jSX syntax, HTML, javascript.

html-css-javascript html5 jsx react reactjs source-maps webpack webpack5

Last synced: 28 Dec 2024

https://github.com/meeruzairwashere/my-first-react-page

Getting started with React!

html jsx react

Last synced: 09 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/h-campos/api-weather

Weather application 🌤️

javascript jsx react styled-components weather-api

Last synced: 16 Dec 2024

https://github.com/saulwolfdev/react-review

Todo list, repaso de conceptos en la nueva versión de React

arrow-functions async-await destructuring filter json jsx map npm prop-types react

Last synced: 16 Nov 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: 06 Jan 2025

https://github.com/barbarpotato/advanced-react-course

This course covers advanced React development. We'll learn how to use more advanced React concepts and features, optimize and test your React applications, and become proficient in using React and JSX.

context customhooks fetch-api form higher-order-component hoc jest-tests jsx list reacttestinglibrary render-props state-management useeffect usereducer useref usestate

Last synced: 11 Jan 2025

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

Tree shackable SVG aliases for JSX

babel babel-plugin jsx svg

Last synced: 07 Dec 2024

https://github.com/snehmehta23/react-quiz-game

Repository filled with examples of React.js projects that am working on for Application Design 455. Currently being used to pass between Mac and PC.

css jsx react-components react-confetti react-router reactjs tonejs

Last synced: 06 Jan 2025

https://github.com/sanwebinfo/preact-cricket-score

Automated Static site - Publish Live Cricket Score Updates for Every 5 to 10 Minutes.

bulma cricket cricket-app cricket-data cricket-score cricket-scorecard cricket-stats css html javascript jsx livescore preact score tsx typescript

Last synced: 16 Dec 2024

https://github.com/mcnallydev/react-md-input

React Component Material Design Input.

javascript jsx react

Last synced: 10 Dec 2024

https://github.com/mcnallydev/react-md-progress-bar

React Component Material Design Progress Bar.

javascript jsx react

Last synced: 10 Dec 2024

https://github.com/mcnallydev/react-md-card

React Component Material Design Card.

javascript jsx react

Last synced: 10 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: 28 Sep 2024

https://github.com/donatto22/toxicdollreact

ToxicDoll website remastered using ReactJS

aosjs css3 jsx mui-icons react react18 vercel

Last synced: 31 Dec 2024

https://github.com/d-coder135/idcard_app_react-native

This repo contains a React-Native hybrid application that shows a simple ID (MI) card.

javascript jsx react react-native react-native-android react-native-app vscode

Last synced: 25 Dec 2024

https://github.com/andrewjbateman/next-bootstrap-portfolio

:clipboard: Next.js app using Bootswatch styling to present portfolio information

api bootstrap5 bootswatch-theme css3 hmtl5 jsx next12 nextjs react ssr

Last synced: 27 Dec 2024

https://github.com/belchenkov/webpack-config

Settings webpack (Babel, TypeScript, Sass)

html-webpack-plugin jsx less react sass typescript webpack4

Last synced: 05 Jan 2025

https://github.com/envid-tech/scouting-website

The official repository and update location of the OA Robotics Scouting Website, developed using TypeScript React, TS-Node, and SCSS, integrating the Google Sheets API.

css google google-sheets html javascript jsx node nodejs react reactjs scss thebluealliance ts ts-node tsx typesc

Last synced: 10 Jan 2025

https://github.com/abhishekgurjar-in/social-media-theme-switcher

This theme switcher project allows users to toggle between light and dark themes on a social media-like interface. The application switches the colors of the entire user interface, including the background, text, and button colors, based on the selected theme.

css javascript jsx react social-media-dashboard social-media-theme-switcher web-development

Last synced: 11 Oct 2024

https://github.com/mstovarh/clonpag_facebook

En este repositorio, encontrarás una página que he diseñado para que se asemeje lo más posible a la página de inicio de Facebook, utilizando HTML, CSS, Bootstrap y ReactJS.

babel css html javascript jsx reactjs webpack

Last synced: 25 Dec 2024

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

The BMI Calculator is a responsive web application built with React. It takes the user's weight (in kilograms) and height (in centimeters) as inputs and calculates the BMI. The app then displays the calculated BMI along with a corresponding weight .

bmi-calculator css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/0x-jerry/rsx

jsx but reactive

jsx reactive

Last synced: 09 Jan 2025

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

The Movie Finder website is a React-based application designed to help users search for and explore movies and TV series. Whether you’re a film enthusiast or just looking for something new to watch, this website will offer a streamlined way to find what you’re looking for.

api css javascript jsx movie-finder react web-development

Last synced: 11 Oct 2024

https://github.com/josh-mchugh/reactjs-dad-joke-app

Small ReactJS application to fetch some classic dad jokez

jsx reactjs tailwindcss vite

Last synced: 10 Jan 2025

https://github.com/letsdeepchat/robofriends

Robofriends is about group of robots cards with name and email, in this we used ReactJS to build amazing UI and applied filter with name and email.

class components css deepak deepak-chaudhari deepak14ri html javascript json-api jsx props reactjs state unmounting

Last synced: 19 Dec 2024

https://github.com/emmanueloloke/altschool-second-semester-exam

Built for AltSchool Frontend Engineering Second Semester Exam

css html javascript jsx react

Last synced: 11 Dec 2024

https://github.com/shaileegavnekar/petdogs

Discover dogs for adoption with prices, breeds, and images. Easily filter out options with 'Not Interested' button for a personalized selection.

css html javascript jsx react-components react-hooks reactjs

Last synced: 06 Jan 2025

https://github.com/atlassubbed/play-dynamic-polling

Dynamic polling interval as a Relax component. Live at:

codesandbox components diffing example jsx preact react relax vdom

Last synced: 23 Dec 2024

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