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/elisa-amaral/posts-pagination-and-posts-search-built-with-reactjs

Posts pagination and search built with React.js consuming the {JSON} Placeholder API as testing data (posts title, body text and photo).

css html javascript json-placeholder-api jsx pagination react reactjs search

Last synced: 21 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/pamphilemkp/pamphile-portfolio

Discover my world of multilingualism and creativity! Visit my portfolio website and explore my story in three languages. Immerse yourself in a world of captivating animations and discover more exciting features. Don't forget to leave me a comment and share your thoughts!

css javascript jsx reactjs

Last synced: 11 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/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/nandini-menon/portfolio

My Portfolio Website

css gatsby javascript js jsx reactjs

Last synced: 03 Dec 2024

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/akashchouhan16/react-hyper-chat

A real-time chat application using react chat Engine and jsx.

chat-application jsx react react-chat-engine reactjs

Last synced: 12 Dec 2024

https://github.com/israelkilday/musicblog

MUSIC BLOG é uma aplicação web fullsatck como Single Page Applictaion(SPA) desenvolvida para criar, editar e visualizar posts com integração ao Firebase.

context-api css-modules firebase firestore jsx react-router-dom reactjs typescript vite

Last synced: 28 Dec 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/wompojs/wompo

Wompo is a React-like web components library to create functional UIs in the web.

components-library js jsx typescript web-components

Last synced: 14 Oct 2024

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

A React app to search GitHub profiles and see profile details. This project is part of the React Front to Back Udemy course by Brad Traversy.

javascript jsx react sass

Last synced: 29 Dec 2024

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/sohumcs/quote-generator

"Discover inspiration with my React-based Random Quote Generator. Fetching and displaying dynamic quotes, it provides an engaging user experience. The clean design, powered by HTML, CSS, and JavaScript, ensures seamless interaction and sharing of wisdom."

css html javascript jsx npm-module react reactjs

Last synced: 30 Dec 2024

https://github.com/alexanderjeurissen/grid

A declarative React primitive Grid component that exposes css-grid specification in JSX

component css-grid css-grid-layout grid jsx primitive react react-css-grid react-grid-layout react-grid-system styled-components styled-system

Last synced: 25 Dec 2024

https://github.com/jarrarkhan09/gym_website

Flexbody is a modern gym website designed to showcase fitness programs, trainers, and memberships, enhancing the overall workout experience.

javascript jsx reactjs

Last synced: 11 Oct 2024

https://github.com/rxrow/react_admin_dashboard

React Admin Dashbourd (syncfusion)

jsx reactjs syncfusion tailwindcss

Last synced: 11 Oct 2024

https://github.com/losefor/ogen

Generator open graph on the server with ExpressJs and ReactJs using rollupJs

express jsx open-graph open-graph-generator react rollup server

Last synced: 13 Jan 2025

https://github.com/germanfrelo/robofriends

A React.js project that I've created using Create React App, from the Udemy course "The Complete Web Developer in 2022: Zero to Mastery".

jsx react reactjs

Last synced: 20 Dec 2024

https://github.com/khunkyawtunwin/reactjsmovieproject

Movie-land Project

css jsx react

Last synced: 10 Jan 2025

https://github.com/mdazlaanzubair/contact-app-client

A Contact List MERN application protected with JWT authentication system.

authentication bootstrap contact cookies javascript jsx jwt list material-design open react source vite

Last synced: 10 Jan 2025

https://github.com/nidhiupman568/virtualkeyboard-using-react.js

🎉 Welcome to the Virtual Keyboard Project! 🎉 This ReactJS ⚛️ tool offers a seamless typing experience 🖊️ with an interactive virtual keyboard ⌨️. Users 👥 click 🖱️ keys to type, with efficient state management 🔄 and smooth input logic 🧩 using JSX 🖥️.

css front-end-development functional-components-reactjs html javascript jsx learning-reactjs reactjs reactjs-developer virtual-keyboard web-development

Last synced: 10 Jan 2025

https://github.com/jubair-jx/photography-school-management-system-client

Welcome to WonderRoots Scholars, where imagination takes flight and learning becomes an adventure! As a premier summer camp school,

axios-react css firebase javascript jsx react-libraries reacthooks reactjs tailwindcss

Last synced: 13 Jan 2025

https://github.com/bredele/steroid-hook

:pill: Nodejs hook to transpile HTML templates into jsx-like templates

es6 html jsx steroid template template-engine

Last synced: 19 Dec 2024

https://github.com/hiro08gh/classname-converter

class to className converter for jsx :zap:

jsx npm react

Last synced: 17 Dec 2024

https://github.com/jaymar14/week-19

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 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/devstephen/react-essentials

A functional project that covers the core basic of the React library

jsx netlify props reactjs state-management

Last synced: 16 Nov 2024

https://github.com/lemonadee71/poor-man-jsx

Create DOM elements painlessly with tagged template literals.

dom html javascript jsx template-literals

Last synced: 21 Dec 2024

https://github.com/thomas465xd/guitarla_reactjs

GuitarLA is the FrontEnd for a Guitar E-Commerce website that features some basic react hooks and a shopping cart with all the common functionalities

css html javascript js jsx react reactjs tailwind tailwindcss ts typescript vite vitejs

Last synced: 16 Jan 2025

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/cawfree/react-jsx-provider

A React Provider for reliably rendering dependency-aware distributed JSX.

dynamic javascript jsx native provider react react-native

Last synced: 24 Dec 2024

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/aszurar/ignitefeed

O projeto Ignite Feed é um site de uma página para listar posts de um blog, criar e excluir comentários desses posts, um projeto simples sem muitas funcionalidades para praticar conceitos básicos. Acesse em: https://ignitefeed-aszurar.netlify.app/

axe-core css css-flexbox css-module css-modules date-fns flex flexbox html html-css-javascript ignite-reactjs javascript jsx netlify react reactjs sentry tsx typescript vite

Last synced: 18 Dec 2024

https://github.com/ezhlobo/puginjs-repl

Make transformation of pug in js online

jsx pug react repl website

Last synced: 18 Dec 2024

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/nidhiupman568/weatherapp-using-react.js

🎉 Welcome to the Weather App project! 🎉 This interactive and dynamic web application provides real-time weather updates for any city you search for, all built with ReactJS ⚛️. Whether you're planning your day or just curious about the weather, this app has you covered! 🌈

axios css front-end-development functional-components-reactjs html javascript jsx learning-reactjs reactjs reactjs-developer weather-app web-development

Last synced: 16 Nov 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/dm-zhuk/goit-react-woolf-hw-01-components

ReactJS.Topic II-Styled Components

css jsx react styled-components

Last synced: 29 Dec 2024

https://github.com/mo-jasim/currency-converter-app

This app allows users to convert between multiple currencies accurately and quickly. Designed with simplicity and efficiency in mind, the app offers real-time currency conversion.

currency-api currency-codes currency-conversion currency-converter currency-exchange-rates currency-exchange-rates-collector currency-rates html javascript javascript-library js jsx react react-components react-hook-form react-hooks react-router reactjs

Last synced: 20 Dec 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/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/rubydevi/redux-warmup

This is an exercise to start practicing all the basic concepts Redux. I will create a store, start defining and dispatching actions, and write my first reducers.

javascript jsx react reducers redux redux-toolkit state-management store

Last synced: 29 Dec 2024

https://github.com/gustavo-victor/react-routes

Simple React application made using Sass and React Router Dom

codesandbox jsx react-icons react-router-dom reactjs sass

Last synced: 01 Jan 2025

https://github.com/gustavo-victor/portfolio-layout

The project is an application with a web developer portfolio layout.

html javascript jsx reactjs sass

Last synced: 01 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: 30 Nov 2024

https://github.com/maxime-cllt/fileflow

Application to insert CSV file into a specified database with optimised columns lenght

csv2sql freetouse githubaction-workflow jsx react rust taillwindcss tauri-app tool

Last synced: 20 Dec 2024

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/alexfariakof/react-native-app-trip-planner

Aplicação React-Native desenvolvida em Ambiente MAC para IOS e Android - Plano de viagem

javascript jsx nodejs react-native

Last synced: 24 Dec 2024

https://github.com/dannyyassine/vanille

A minimalistic vanilla web component framework

component components jsx observable typescript vanilla web-components webcomponent

Last synced: 18 Dec 2024

https://github.com/kenza15a/p12_dashboard

Projet 12 openclassrooms parcours développeur frontend

api axios css jsdoc jsx react recharts recharts-library

Last synced: 24 Dec 2024

https://github.com/kento75/react_weather_info

Open Weather Map APIを使用したお天気表示アプリ

jsx material-ui openweathermap-api react

Last synced: 19 Dec 2024

https://github.com/igorskyflyer/npm-biome-config-igorskyflyer

👽 An opinionated config for Biome to be used in JavaScript, TypeScript, JSX, TSX and any JavaScript-related projects. 🐺

back-end biome config format formatter igorskyflyer javascript js jsx lint linter react ts tsx typescript

Last synced: 26 Oct 2024

https://github.com/aaimio/logicful-templates-example-js

An example project demonstrating how to use the logicful-templates library when using JavaScript

jsx jsx-elements jsx-syntax jsx-templates

Last synced: 14 Jan 2025

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/elazzouzihassan/letsvue

Welcome to my Vue.js learning repository! This is where I document my journey of learning Vue.js

framework javascript jsx vuejs

Last synced: 11 Jan 2025

https://github.com/jeshicawang/envision-jsx

A developer tool for visualizing a React application's component hierarchy.

acorn ast chai component css d3 hierarchy html jsx mocha mustache node-module nodejs npm npm-package react svg template-engine tree-structure

Last synced: 19 Dec 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/abhishekgurjar-in/easybank-landing-page

The Easybank landing page features a clean and modern design with a focus on simplicity and user engagement. The page is divided into several key sections.

css easybank easybank-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/sigmachirality/weact

⛩️ Drop-in React JSX pragma which weebifies your site at build and runtime.

jsx jsx-pragma react typescript uwu uwuifier

Last synced: 19 Dec 2024

https://github.com/alikeldev/quizmapperjs

Interactive Quiz System Mapper: The core mapping functionality behind the interactive quiz system at https://webpixelle3.netlify.app/quiz-select Includes a detailed tutorial at https://aliceleiserblog.netlify.app/blog/building-interactive-quiz-system-react

javascipt javascript jsx mapper mapper-algorithm mapper-plugin mappers nextjs nodejs quiz quiz-app quiz-application quizapp quizzes react tailwind tailwind-css tailwindcss

Last synced: 21 Dec 2024

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/envid-tech/oa-website

A small project to represent my attempt at recreating and improving the official Oxford Academy Website.

css encryption google-api html javascript js jsx nodejs oauth2 oxford-academy react react-router-dom react-ts react-tsx reactjs scss ts ts-node tsx typescript

Last synced: 10 Jan 2025

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/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/uzeyir-yariz/react

React ile yapılan projeler burada bulunuyor

html js jsx

Last synced: 11 Oct 2024

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/obioraigboanusi/github-users-and-organisations

This app allows user to view list of GitHub users' and organizations' profiles, search by username, and view the details of a profile with public repositories.

create-react-app hooks javascript jsx netlify react reactjs typescript

Last synced: 20 Jan 2025

https://github.com/obioraigboanusi/transactions-heatmap-chart

This app gives a visual representation of when people transact the most throughout a year using a heatmap(Matrix chart).

css-in-js data-visualization jsx reactjs styled-components typescript

Last synced: 20 Jan 2025

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 Jan 2025

https://github.com/skorupaw/sidewinder

Sidewinder 🐍 – A simple app to create blind CVs 📝 from structured JSON data 📊. Streamline and anonymize resumes with ease!

bun drizzle honojs jsx typescript

Last synced: 12 Jan 2025

https://github.com/princebansal7/learn-react

Learn React the way I did from scratch. (I've added README file which Includes Instructions and various key-points regarding learning react which I found useful)

jsx reactjs

Last synced: 25 Jan 2025

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 Jan 2025

https://github.com/dracula27/cafe_app

Full stack application where a user logs in and orders food from a cafe. A user can also view previous orders.

authentication css express git github html jsx mern mongodb mongoose node react

Last synced: 18 Jan 2025

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 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 Jan 2025

https://github.com/qrac/jsxlike

Converting HTML to React JSX-like syntax

browser html2jsx htmltojsx japanese javascript jsx jsxlike react typescript

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

https://github.com/simenandre/svg-to-theme-ui-component

Transform SVG to Theme UI Component (JSX)

jsx theme-ui

Last synced: 12 Jan 2025

https://github.com/tuyishimireeric/online-shopping

This project is based on an eCommerce website built with React and Redux. The user can check all the products in our and get more details on selected product.

css3 jsx reactjs redux testing

Last synced: 19 Jan 2025

https://github.com/abdul23lm/bookost-website-using-mern-stack-frontend

BooKos Website using MERN STACK (MongoDB, ExpressJS, ReactJS, NodeJS)

css html javascript jsx react redux scss

Last synced: 25 Jan 2025

https://github.com/sumitkumargiri/react

This repository contain all the best practices for managing react-series Github repository and you prepared the reactjs.

api api-server bootstrap css design-tools git github gui javascript jsx react reactjs tailwind-css

Last synced: 19 Jan 2025

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 251 Resources 135 📦 Components & Libraries 132 Table of Contents 65 Utilities V1 17 Articles & Tutorials V1 10 Examples V1 9 Boilerplates V1 9 Utilities 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Examples 2 Other V1 2 Applications 1 Testing V1 1 🛠️ Tooling 1