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/lcl-101/wepack-study

webpack3.5.5 整理

es6 jsx npm react vue vue-router vuex webpack3

Last synced: 11 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/luckmer/react-drag-and-drop

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

css jsx react react-hooks

Last synced: 01 Nov 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/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: 11 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/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/petrmileshko/spa-farmer

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

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

Last synced: 19 Oct 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/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/pascalduez/babel-plugin-jsx-svg

Tree shackable SVG aliases for JSX

babel babel-plugin jsx svg

Last synced: 17 Oct 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/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/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/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/unlight/h-document-element

Create html elements from jsx (tsx) syntax

create-element html-element html-elements jsx jsx-renderer tsx

Last synced: 07 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: 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/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/piterweb/reverui

< 3kb React Alternative that works on top lf Vite

javascript jsx jsx-elements jsx-renderer jsx-syntax preact react reverui signals typescript ui-library

Last synced: 10 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/durgaprasad-04/online-grocery-store-web-application

Online Grocery Store is a E-commerce Web Application developed using the MERN Stack.

express-js html-css javascript jsx mongodb node-js reactjs tailwind-css

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

https://github.com/sahiltiwariiii/reactcountriesproject

This is country project with the help of reactjs

css javascript jsx react-router-dom reactjs

Last synced: 11 Oct 2024

https://github.com/susanta0/infinite_set_susanta

Welcome to the Infinite-Set website. This frontend application was built to replicate the functionalities of this assignment. The project was developed over a span of two days as an individual effort, utilizing a modern tech stack with a focus on responsive design.

jsx jvascript react-apexcharts reactjs tailwindcss

Last synced: 11 Oct 2024

https://github.com/ksanthoshfsd/react-routes-task

ROAD MAP DAY 26 MY TODO TASK 16 COMPLETED

components css html jsx pages reactjs reactrouterdom router routes

Last synced: 11 Oct 2024

https://github.com/animatable-js/animatable_jsx

This extension package of animatable-js allows for easy and lightweight implementation of linear or curved animations in a JSX/TSX environment.

animatable-js jsx react

Last synced: 11 Oct 2024

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

An application form made with react

application-form form jsx react

Last synced: 11 Oct 2024

https://github.com/mskian/preact-markdown-editor

A Simple and Flexible Markdown Post Editor with Writing Tools and Preview Mode.

bulma html jsx markdown markdown-editor markdown-previewer marked preact preact-markdown preact-markdown-editor tailwindcss tsx typescript vite

Last synced: 11 Oct 2024

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

todo list app to manage tasks

jsx parcel reactjs tailwindcss usestate-hook

Last synced: 11 Oct 2024

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

https://github.com/abhishekgurjar-in/sunnyside-agency

The Sunnyside Agency website is designed to highlight the services, projects, and testimonials of a creative agency. It features a clean, professional design with smooth scrolling and responsive layouts. The website includes the following sections

css javascript jsx react sunnyside sunnyside-agency-landing-page web-development

Last synced: 11 Oct 2024

https://github.com/deepanagarjan/add-to-cart-task

DEEPA ENTERPRISES add to cart using react and jsx

bootstrap5 html5 jsx npm-package reactjs responsive-design

Last synced: 11 Oct 2024

https://github.com/ksanthoshfsd/react-usecontext-task

ROAD MAP DAY 28 MY TODO TASK 17 COMPLETED

components css html jsx reactjs usecontext-hook

Last synced: 11 Oct 2024

https://github.com/mskian/water-tracker-app

Water Tracker : Track your daily water intake and stay hydrated.

css html hydrated hydration javascript jsx localstorage tailwindcss tsx typescript vite water water-intake water-tracker

Last synced: 11 Oct 2024

https://github.com/thiagoaugusto1806/alura-codeconnect

Site desenvolvido no curso Alura "React: construíndo componentes com JSX"

babel jsx react react-hooks

Last synced: 11 Oct 2024

https://github.com/smailen5/portfolio-website

Sito portfolio e di presentazione, qui e possibile vedere una parte dei miei lavori e i progetti in corso

jsx nextui react tailwind vite

Last synced: 11 Oct 2024

https://github.com/ubermanu/jhj

🦒 A CLI that parses and serves JSX files

cli jsx nodejs parser render serve

Last synced: 19 Oct 2024

https://github.com/samedshukurov/portfolio

My Portfolio

css3 html5 js jsx react vite

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

https://github.com/deanhdz/little-lemon

Proyecto final desarollado en React para el curso de "Desarrollador front-end de Meta Professional Certificate".

css html javascript jsx react

Last synced: 11 Oct 2024

https://github.com/prabhas9346/notes-repoel

I'm thrilled to share my latest project, Quick Keep Notes – a single-page, full-stack note-taking application that allows users to jot down their thoughts, ideas, and reminders quickly and efficiently.

expressjs html-css-javascript jsx netlify nodejs react-router react-router-dom reactjs render sqlite

Last synced: 11 Oct 2024

https://github.com/brokeboiflex/jar-preact

JAR - a JSX Abstract Router

jsx preact react router

Last synced: 09 Oct 2024

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

React Homework 1 Live Page

components css-modules jsx

Last synced: 15 Oct 2024

https://github.com/khaimyk/storecopy

In the process of project implementation

css javascript jsx mobx react scss

Last synced: 11 Oct 2024

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

https://github.com/cihatsolak/corona-app-reactjs

Reactjs architecture was tried to be experienced. Corona api services, which are free, were used in the project. State management, components, props, etc. Care was taken to use concepts in accordance with best practices.

components interceptor jsx npm-package props-and-state-components reactjs state-management tailwindcss

Last synced: 07 Nov 2024

https://github.com/dauntlessdev/styled-component

scss practice

css jsx react scss

Last synced: 27 Oct 2024

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

React Component Material Design Switch.

javascript jsx react

Last synced: 11 Oct 2024

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

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

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

Last synced: 12 Oct 2024

https://github.com/shubhamdutta2000/awesomenav

A very basic Hamburger Menu made using react

hamburger-menu javascript jsx minify props react state

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