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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/bounceme/rjsx-compile

vim compiler plugin ( linter ) for js/jsx using emacs and rjsx-mode

emacs jsx linter rjsx-mode vim

Last synced: 19 Dec 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/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/archan937/dust

A minimalistic reactive Javascript library for building dynamic component-based interfaces

bun components esbuild jsx minimalistic nextjs react reactive router styled usestate

Last synced: 08 Jan 2025

https://github.com/lsyurea/tskmanager

tskManager which makes use of NUS mod API to coordinate and manage tasks with a customised profile page of all the items due on the day itself

css html5 jsx nodejs postgresql react supabase

Last synced: 14 Jan 2025

https://github.com/henry232323/py-dom

py-dom is a proof of concept for a React/JSX style Python library

jsx python react

Last synced: 19 Jan 2025

https://github.com/prantlf/janadom

A minimal and complete implementation of React JSX creating native DOM elements.

browser dom jsx jsx-dom jsx-native-dom native node tsx

Last synced: 05 Dec 2024

https://github.com/spreston4/camp-finder

Plan a camping trip by searching for campsites and weather data in your target location. Built in React.

camping css-modules html-css-javascript jsx national-parks-api openweathermap-api react weather

Last synced: 21 Jan 2025

https://github.com/spencerjibz/partial-mern-app

THIS IS A HYBRID APP WITH BOTH A CRUD LAYER AND A REST API FOR REACT. ITS A COMPLETE HACK INTO MERN STACK WITHOUT USING TWO DIFFERENT SERVERS (ONE FOR BACKEND AND THE OTHER FOR CLIENT). THIS APP USES BOTH EJS AND JSX

backend crud crud-layer ejs hybrid jsx mongodb nodemailer passportjs-authentication react webpack4

Last synced: 16 Jan 2025

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/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/rubydevi/math-magician

This is the first project of the Math Magicians application. I have set up the environment and tools needed to develop a React application. In the following projects, I will develop the actual application.

calculator-react es6 eslint javascript jsx react stylelint

Last synced: 29 Dec 2024

https://github.com/yashkshrivas4491/ecom_urbanstore

Urban Store 🛍️ is Ecommerce Website which helps to purchase products from the store with exclusive premium quality 😀.

api development development-environment hooks-api-react javascript js jsx reactjs side-project webdevelopment website

Last synced: 21 Jan 2025

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/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/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/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/ahsinali-17/tic-tac-toe

Tic tac toe game using REACT. Both player vs player and player vs computer modes are available using React router and undo feature is enabled using localStorage.

js json jsx reactjs tailwindcss

Last synced: 23 Nov 2024

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/abhishekgurjar-in/fylo-cloud-storage

The Fylo frontend website showcases a sleek and user-centric design, emphasizing simplicity and ease of use for cloud storage and file management. This frontend is crafted to offer an engaging and intuitive user experience, providing essential functionalities such as file upload, sharing.

css fylo-data-storage fylo-landing-page javascript jsx react web-development

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

A set of web components built with stenciljs

html jsx stencil-components stenciljs webcomponents

Last synced: 14 Dec 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: 16 Nov 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/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/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/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: 20 Dec 2024

https://github.com/neelakandanv/mycrm-fe

MyCrm - A Simple and Secure CRM App with tokenized requests and role based authorizations.

axios css3 font-awesome formik git github html5 javascript jsx material-ui netlify react-bootstrap reactjs reactrouterv6 vite yup

Last synced: 11 Oct 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/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/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/amandange/monsters-rolodex

Monsters-Rolodex

css jsx reactjs

Last synced: 11 Oct 2024

https://github.com/bhaveshwagh/portfolio

My PortFolio WebApp

jsx react-router reactjs tailwindcss

Last synced: 30 Dec 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/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/ramgoel/gan-assignment

Bakecut - Made in React & Redux

jsx reactjs redux

Last synced: 13 Jan 2025

https://github.com/jessekoldewijn/mithrilts-tailwind-vite-starter

A actually fairly modern starting template if you do need/want to use Mithril.js for some reason. (Actually uses JSX to decrease headaches)

jsx mithriljs postcss tailwindcss typescript vitejs

Last synced: 13 Jan 2025

https://github.com/unit2795/spacey

A style guide & coding standard for React/TypeScript projects that emphasizes meticulous organization, performance optimization, best practices, explicit clarity, and generous use of whitespace; taking one giant leap for code clarity and readability.

coding-standards eslint eslint-config jsx react styleguide typescript

Last synced: 12 Jan 2025

https://github.com/anbumani12/reactday2task

React Day-2 Task

bootstrap css html js jsx react

Last synced: 21 Jan 2025

https://github.com/liciacodes/customer-and-order-dashboard

This is a responsive customer and orders dashboard project built with Nextjs, chartjs and TailwindCSS

html5 jsx nextjs tailwindcss

Last synced: 14 Jan 2025

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/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/toia-19/labfsii-tp1

Pequeño proyecto utilizando React + Vite. Se buscó utilizar el diseño de Santo Grial.

jsx react vite

Last synced: 30 Dec 2024

https://github.com/lruizap/curso_react_2023

Curso de React desde cero 2023

css html javascript jsx react typescript

Last synced: 30 Dec 2024

https://github.com/sodiqsanusi/github-finder

A web app to get details from any GitHub account. This web app was built in two days.

api javascript jsx react responsive-layout webapp

Last synced: 02 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/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/rajkumar-35/react-pricecard-task

Developing a dynamic React.js application for creating price card interfaces using JSX, as part of a Day 22 task assigned by the GUVI Zen class.

bootstrap5 css3 html5 javascript jsx props react-components reactjs vite

Last synced: 25 Dec 2024

https://github.com/yeojz/jsx-render-engine

A pluggable jsx library agnostic render engine. (react, preact, react-router etc.)

jsx nodejs preact react server-side-rendering

Last synced: 25 Dec 2024

https://github.com/ewliang/reactjs-project-template

A React.js project template or "boilerplate" created without relying on the use of the create-react-app CLI tool. This is done via webpack, babel, and a variety of other tools for a basic minimal setup. This is a good option when you want a very custom specific requirements project that is not restricted by the create-react-app boilerplate.

javascript jsx reactjs reactjs-boilerplate reactjs-starterkit webpack

Last synced: 02 Jan 2025

https://github.com/elazzouzihassan/githubuserinfo

Application d’Information Utilisateur GitHub avec React

axios axios-react jsx react-hooks reactjs vite

Last synced: 11 Jan 2025

https://github.com/samedshukurov/finsweet

Finsweet , Used React

css3 git html5 js jsx reactjs

Last synced: 25 Dec 2024

https://github.com/mirianalejandra1996/super-speedometer

🏃💨 Virtual application to measure the real speed. Inspired by speed lovers ⚡, for those who like to take their own control. 🚥 🚗💨

figma front-end-development html innovation jsx laboratoria reactjs sass speed speedometer technology vector-graphics website

Last synced: 08 Jan 2025

https://github.com/skywalkersam/hello-vite-react

The Hello World of Vite + React :)

hello-world jsx react vite

Last synced: 06 Jan 2025

https://github.com/thiagomartins367/trybe-project-futebol-clube

Projeto de desenvolvimento de uma API Node para um site informativo sobre partidas e classificações de futebol, podendo: logar, exibir, filtrar partidas e classificações. 🥅 ⚽🏃

chai context-api css3 docker eslint expressjs javascript jest jsx mocha mysql nodejs reactjs sequelize-orm sinon typescript

Last synced: 05 Jan 2025

https://github.com/thiagomartins367/thiagomartins367.github.io

Bem-Vindo ao meu portifólio pessoal! Aqui você encontrará minhas infomações de experiência, currículo, contatos e meus projetos.

ci-cd context-api css3 docker eslint github-actions javascript jsx reactjs stylelint

Last synced: 05 Jan 2025

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 Boilerplates V1 9 Examples V1 9 Utilities 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 🛠️ Tooling 1 Testing V1 1 Applications 1