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/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: 13 Nov 2024

https://github.com/troyalford/axis-wiki

React/TinyMCE file-based wiki software

jsx react wiki

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/wtnabe/example-vue-ts-fc-jsx

ViteとVue 3でTypeScriptとJSXを利用したFnuctional Componentを書いてみるテスト

jsdoc jsx typescript vue

Last synced: 13 Nov 2024

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: 13 Nov 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/dvho/instashare-mobile-app

A cross-platform iOS/Android native mobile app I built in React Native, with a more robust camera with cutting edge features such as facial recognition as well as traditional features such as manual focus and manual white balance.

javascript jsx react-native

Last synced: 13 Nov 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/abdultolba/salah

React.js driven website that displays the muslim salah (prayer) timings.

css es6 html javascript jsx react

Last synced: 06 Jan 2025

https://github.com/dervexdev/svg-to-tsx

Convert all your SVGs to a single TSX module

cli icons jsx react svg tsx

Last synced: 14 Nov 2024

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

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 Nov 2024

https://github.com/nandini-menon/portfolio

My Portfolio Website

css gatsby javascript js jsx reactjs

Last synced: 03 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/washira/next-13-blog

A blog web app project using NextJs 13.

jsx nextjs13 scss

Last synced: 19 Nov 2024

https://github.com/ibyra/angico

A small JSX async-rendering library.

javascript jsx typescript

Last synced: 15 Nov 2024

https://github.com/anasmak04/application-web-movies-search

A movie information and searching App using The Movie DB api and ReactJS.

api api-rest consommation-api javascript jsx rapid-api react reactjs

Last synced: 29 Nov 2024

https://github.com/andrelmlins/whatsup-document-title

Page title manager for whatsup

document jsx title whatsup

Last synced: 16 Nov 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/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/sunnshare/react-source-code

React源码实现：jsx

jsx monorepo react

Last synced: 27 Dec 2024

https://github.com/nhassl3/blumtap

A fast python autoclicker is suitable for those who want to earn more Blum points.

blockchain blum-crypto clicker desktop-application django django-rest-framework jsx opencv-python python-script react tauri telegram-bot vite

Last synced: 06 Jan 2025

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/safayetdib/movieland-search-with-react

MovieLand Search From OMDB API

css jsx omdb-api react

Last synced: 14 Nov 2024

https://github.com/dadonitz/calendario

Este é um projeto simples de um calendário bonito e criativo desenvolvido em React. Onde ao adicionar comentario na data ela é salva como um post-it na tela.

front-end frontend javascript js jsx react

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

https://github.com/gxlmyacc/vue-jsx-node

a vue component that can render jsx by vnode or render function

jsx jsx-render vue vue-component

Last synced: 16 Nov 2024

https://github.com/alexmihov96/react-quickstart

A simple initial project from where you can start building your application

init javascript jsx react react-redux react-thunk rxjs starter-kit store

Last synced: 19 Dec 2024

https://github.com/zimnovich/mxn-jsx-transpiler

Transpiles JSX to regular JavaScript

javascript jsx preact react transpile transpiler

Last synced: 08 Jan 2025

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

React ile yapılan projeler burada bulunuyor

html js jsx

Last synced: 11 Oct 2024

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/suhas-h-c/roadmap-dashboard-ui

Contains basic react essentials concepts like components, jsx, props and state management

jsx react reactjs vite

Last synced: 12 Nov 2024

https://github.com/jaffar-hussein/klabu-frontend

Klabu is a platform for food enthusiast and connoseurs to come together and share their recipes

bootstrap5 jsx react

Last synced: 23 Nov 2024

https://github.com/jaynil1611/react-exercises

This repository contains all the react exercises done in Week 1 of NeogCamp LevelOne.

css html javascript jsx react

Last synced: 23 Nov 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/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/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: 14 Nov 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 reactjs

Last synced: 11 Nov 2024

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 reactjs

Last synced: 11 Nov 2024

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/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/ketank205/portfolio

This is my portfolio. Design & develop while learning React.js.

css3 jsx reactjs

Last synced: 16 Nov 2024

https://github.com/alizayayesha/build-a-25-5-clock

https://codepen.io/Alizay-Yousfzai/pen/zYVWoJV

css3 js jsx reactjs

Last synced: 16 Nov 2024

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

https://github.com/b2ns/vueact

:joystick: a toy mixing Vue and React features

bundler jsx react vue vue3

Last synced: 05 Jan 2025

https://github.com/onjoseph/hello-rails-react

This repository contains a sample project that demonstrates how to connect a Ruby on Rails back-end with a React front-end. The goal of this exercise is to apply previous knowledge of using gems with Rails to connect the back-end with the front-end, while also introducing new techniques for handling JavaScript assets in a Rails application.

css html jsx postgresql rails react reactjs ruby

Last synced: 30 Nov 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/alizayayesha/javascript-calculator

https://codepen.io/Alizay-Yousfzai/pen/BagrQrd?editors=0110

calculator-javascript css3 jsx reactjs

Last synced: 16 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/alizayayesha/drum-machine

https://codepen.io/Alizay-Yousfzai/pen/RwzQvrr

css js jsx reactjs

Last synced: 16 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/alizayayesha/markdown-previewer

https://codepen.io/Alizay-Yousfzai/pen/JjQpwBe

css jsx reactjs

Last synced: 16 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/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 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/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/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/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/thomas465xd/guitarla-ts

Migration of the GuitarLA - react js project to TypeScript

css js json jsx react reactjs ts tsx vercel vite vitejs

Last synced: 16 Nov 2024

https://github.com/carlosvinimsouza/devplenoflaskreactjs

Desafio - contruir API com Flask e PageWeb com ReactJS

backend flask front-end full-stack javascript jsx python python3 react reactjs

Last synced: 12 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/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/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/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/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/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/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/asilbekcodes/reactjs_crud

User Management CRUD Application

axios axios-react crud js json json-server jsx react tailwind-css

Last synced: 16 Nov 2024

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/strapi-clone-react

Strapi-Clone-React is created using ReactJS and styled with TailwindCSS. For cleaner code, Prettier is utilized. In this project, I'm utilizing the Context API for learning purposes. Please check out the sample images or download the app for a better understanding.

jsx reactjs strapi tailwindcss

Last synced: 24 Nov 2024

https://github.com/adaam2/react-starter

With hot module replacement, es6, css modules, jsx etc

css-modules es6 hmr jsx react webpack

Last synced: 28 Nov 2024

https://github.com/ameer2000mzori/cart-usereducer-react

Cart-UseReducer-React is a project developed using ReactJS and styled with TailwindCSS. The primary goal of this project is to enhance my understanding of the reducer hook. This is the reason behind the creation of this project. For a deeper understanding, feel free to download or check out the live demo.

cart jsx prettier reactjs reducer tailwindcss

Last synced: 24 Nov 2024

https://github.com/ameer2000mzori/list-usereducer-react

List-UseReducer-React is a project created with ReactJS and styled using TailwindCSS. The goal of this project is to learn how to work with useReducer. To get a better understanding, download the project or check out the sample images.

javascript jsx prettier reactjs reducer tailwindcss

Last synced: 24 Nov 2024

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/ameer2000mzori/mixmaster-app-react

MixMaster-App-React is a project created with React.js and styled with Tailwind CSS, utilizing React Query for fetching data and more. Please check out the sample images or download the project for a better understanding.

api axios jsx prettier react reactquery reactrouter tailwindcss

Last synced: 24 Nov 2024

https://github.com/lucaswinkler/personal-site-v2

Iteration 2 of my personal website - built using React

es6 javascript jsx personal personal-site personal-website portfolio react sass scss

Last synced: 14 Nov 2024

https://github.com/eugenia1984/numen-react

The final proyect wih React do it in group.

javascript jsx react

Last synced: 07 Jan 2025

https://github.com/ameer2000mzori/form-formik-yup-mern

"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.

backend expressjs formik frontend fullstack jsx nodejs prettier reactjs reactqueryv4 styled-components tailwindcss yup

Last synced: 24 Nov 2024

https://github.com/karthick-fsd/digital-timer-app

A digital clock of limit 25mins is used to keep our focus on one thing at a time.

css css-flexbox css-grid html javascript jsx react-components

Last synced: 16 Nov 2024

https://github.com/ameer2000mzori/unsplash-reactquery-app

The Unsplash-ReactQuery-App is a website created with ReactJS and TailwindCSS. It uses Axios and React Query for data fetching, among other features. Additionally, it utilizes the Context API. Please download the project or check out the sample images.

jsx prettier react reactquery tailwindcss unsplash-api

Last synced: 24 Nov 2024

https://github.com/akshaysatpute028/qrcode-generator

Static QR Code generator application using React Js hooks and QRCode Canvas.

css javascript jsx qrcode-generator react react-hooks static-website

Last synced: 11 Nov 2024

https://github.com/athulmurali/exam-manager

An app built in react native, with ability to add assignments, essays , different views for teachers and students

javascript jsx react-app react-native react-native-app reactjs xml

Last synced: 11 Nov 2024

https://github.com/luzefiru/honox-tailwind

A baseline configuration for using HonoX with TailwindCSS to be deployed on Cloudflare Pages.

cloudflare cloudflare-pages cloudflare-workers hono honox hooks jsx react tailwindcss vite

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 247 Resources 136 📦 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