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/eduardconstantin/navigation-menu-animation

Navigation menu animation concept made with reactJS

animation css html jsx reactjs

Last synced: 19 Nov 2024

https://github.com/eduardconstantin/top-three-crypto

React.js application that shows information about the top three cryptocurrencies

api bootstrap4 chartjs hacktoberfest jsx odometer reactjs sass webapp

Last synced: 19 Nov 2024

https://github.com/arkapg211002/local-frame

Developed a responsive photo gallery using Next.js, Supabase, and Tailwind CSS. Enabled photo upload and storage with Supabase, leveraging Next.js for dynamic routing and React components. Integrated user authentication for secure access.

javascript jsx nextjs14 node-js sql supabase tailwind-css

Last synced: 15 Jan 2025

https://github.com/arkapg211002/formify

Formify is a web application designed to create online forms seamlessly using the Gemini AI API. This project leverages modern technologies to provide an intuitive and powerful form-building experience for users.

clerk-auth css daisy-ui drizzle-orm gemini-api javascript jsx lucide-icons neondb nextjs14 postgresql reactjs shadcn tailwind-css

Last synced: 15 Jan 2025

https://github.com/behi22/jammming

This webpage is developed to showcase knowledge of developing responsive webpages and using the react library to develop web applications. The website allows users to search the Spotify library, create a custom playlist, then save it to their Spotify account.

api async-await components html-css-javascript import-export javascript json jsx modules promise react surge webapp

Last synced: 13 Jan 2025

https://github.com/tmol4/star4

Our official design system and UI library

design-system frontend jsx material material-design material-you material3 react solidjs ui web

Last synced: 11 Nov 2024

https://github.com/dyrits/web-development-career-path

([code]cademy / PRO | Web Development)

css handlebars html javascript jquery jsx react sass shell

Last synced: 24 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/yusafosei-bonsu/tfl-live-status-project

A project that develops a React app that shows the live status of each Tfl tube line

css html jsx reactjs

Last synced: 16 Jan 2025

https://github.com/imrdjai/xml-jsx-runtime

A custom automatic JSX runtime that transforms JSX into xml-js's non-compact objects that can be converted into plain XML strings.

javascript jsx typescript xml

Last synced: 13 Jan 2025

https://github.com/neolegends/babel-plugin-transform-react-create-element

Shorten JSX `React.createElement` calls using a local variable

babel-plugin jsx react

Last synced: 06 Dec 2024

https://github.com/dyrits/sortir.com

Projet d’application web Sortir.com (ENI | Projet – Le développement d’une application web)

babel composer doctrine javascript jsx php react symfony twig wamp

Last synced: 24 Jan 2025

https://github.com/ivankprod/mxm-kanban

Kanban dashboard

eslint js jsx react sass scss vite

Last synced: 30 Dec 2024

https://github.com/kurtgokhan/jsx-middlewares

Transform rendered JSX elements with middlewares

jsx react react-jsx

Last synced: 06 Dec 2024

https://github.com/ali-alim/pinned-tasks-app

Task Management App - React.js, Express.js, Mongoose.js, Ant Design, Axios, MapBox-GL, React-Router-Dom, Lazy Loading

ant antd-design axios express js jsx lazy-loading mapbox-gl mongoose nodejs react-router-dom reactjs

Last synced: 30 Dec 2024

https://github.com/ahmed-hamdy101/react-my-photo-app

This is a simple React app that allows users to like a photo. The app uses useState to track the state of the like button, and it uses the AiFillHeart and AiOutlineHeart icons from react-icons to render the like button.

application front-end jsx react

Last synced: 09 Jan 2025

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

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

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

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

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

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

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

MovieLand Search From OMDB API

css jsx omdb-api react

Last synced: 14 Jan 2025

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/jaymar14/week-19

React.js activities

babel es2015 es6 jsx reactjs

Last synced: 14 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/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/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/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/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/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/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/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/manikmaity/learn-reactjs

This repository contains code for my React.js learning journey, including the codes from my 30-days Reactjs learning challenge.

30dayscodechallenge javascript jsx react react-components react-hooks reactjs

Last synced: 21 Jan 2025

https://github.com/arkapg211002/coinloom

A webpage that shows news and details regarding cryptocurrencies

ant-design coinranking-api jsx rapidapi react

Last synced: 15 Jan 2025

https://github.com/aidenybai/jacky

Directly use HTML inside JavaScript

dom jacky javascript jsx jsx-to-dom web

Last synced: 07 Dec 2024

https://github.com/yusafosei-bonsu/mern-based-todo-list

A to-do list created using the MERN stack

css3 express-js html5 jsx mern-stack mongodb node-js reactjs

Last synced: 16 Jan 2025

https://github.com/thomas465xd/calorie-tracker

Simple Calorie Tracker project using React and TypeScript

js json jsx react tailwind tailwindcss ts tsx typescript vercel vercel-deployment vite vitejs

Last synced: 16 Jan 2025

https://github.com/ketank205/portfolio

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

css3 jsx reactjs

Last synced: 16 Jan 2025

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

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

https://github.com/kajalpandey25/todo-webapp-with-reactjs

Todo-web app using React.js that allows users to efficiently manage adding, removal, updating tasks.

css html javascript jsx reactjs vite

Last synced: 22 Jan 2025

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

https://github.com/josephgodwinkimani/ionic-react-js

Ionic React Blank template written in JSX and JS

capacitorjs eslint ionic js jsx prettier reactjs

Last synced: 09 Jan 2025

https://github.com/maomincoding/babel-plugin-jsx-to-mettle

This plugin converts JSX into Tagged Templates that work with amazed.js.

amazed babel-plugin jsx

Last synced: 20 Nov 2024

https://github.com/tcarters/fitness-web-application

In This project, we build a Fitness Exercises Web Application based on a Rapid Api (ExerciseDB-Api & Youtube-Search-Download-Api)

exercisesdb-api frontend jsx rapid-api react-js youtube-search-download-api

Last synced: 23 Jan 2025

https://github.com/sohamburkule/geminiai-clone

Gemini AI Clone is a project aimed at replicating the functionality of the Gemini AI, a conversational artificial intelligence developed by OpenAI. This clone utilizes natural language processing techniques to understand and respond to user queries in a conversational manner.

api css generative-ai google-fonts-api html javascript jsx nodejs reactjs vite

Last synced: 21 Jan 2025

https://github.com/the-akira/subject2

Second Experiment with Gatsbyjs

gatsby gatsbyjs javascript javascript-library jsx react

Last synced: 18 Jan 2025

https://github.com/murodjon000/calculator-app

This is Calculator App with amazing styling. Try to calculate your numbers.

js jsx react

Last synced: 07 Dec 2024

https://github.com/kato83/hiroshi

Dom generation tool compatible with JSX.

dom javascript jsx typescript

Last synced: 30 Nov 2024

https://github.com/dhairyamajmudar/gpt-4-website

GPT 4 is a website which focuses on introduction of AI to the world

css3 javascript jsx reactjs

Last synced: 07 Dec 2024

https://github.com/llemaitre19/emacs.d

An Emacs configuration

emacs jsx python tsx

Last synced: 31 Dec 2024

https://github.com/isaacdarcilla/student.js

⚛️ Mobile-based student portal built with React Native

javascript jsx mobile native node npm portal react react-native typescript yarn

Last synced: 24 Jan 2025

https://github.com/artdecocode/koa2-jsx

A Koa2 middleware to render JSX templates with Redux support

jsx koa2 koa2-middleware react

Last synced: 24 Jan 2025

https://github.com/soulemanou-software/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.

css3 html5 javascript jsx react react-hooks reactjs

Last synced: 07 Dec 2024

https://github.com/nanot1m/react-factory-elements

Small library helping to write react components w/o jsx

jsx proxy react react-elements react-factory

Last synced: 01 Dec 2024

https://github.com/starandtina/the-super-tiny-jsx

The super tiny JSX implementation.

ast jsx

Last synced: 17 Jan 2025

https://github.com/iammuhit/wordpress-bedrock

A modern Wordpress stack.

cms composer docker jsx node php wordpress

Last synced: 07 Dec 2024

https://github.com/luiguild/jsx-autodocs

Create JSX documentation from your components easy peasy

autodocs components docs javascript jsx react solid storybook typescript vue web-components

Last synced: 10 Dec 2024

https://github.com/terkasm/project-wordle

Napodobenina hry Wordle

jsx react vite

Last synced: 22 Dec 2024

https://github.com/terkasm/leviexpress-starter

Úkol pro Digitální Akademii Web (Czechitas)

component-architecture javascipt jsx react react-hooks react-router

Last synced: 22 Dec 2024

https://github.com/rodrigotf2001/gintamacards

Projeto utilizando a biblioteca React.js para separação de components, biblioteca de estilização de components Mantine. Nessa aplicação que desenvolvi, visa mostrar um grupo seleto de card game que desenvolvi da obra Gintama ( Uma das minhas obras preferidas :) ).

component css3 jsx mantine reactjs

Last synced: 01 Dec 2024

https://github.com/qrac/minista-markdown

React component to easily convert Markdown to HTML in minista

cording japanese jsx markdown minista minista-markdown react

Last synced: 25 Jan 2025

https://github.com/alirezahematidev/jsx-marker

JSX Marker is a versatile React component for styling text based on custom patterns and matchers.

highlighting jsx react styling

Last synced: 25 Nov 2024

https://github.com/willigarneau/materialui-portfolio

👨‍💻📸 Beautiful and easily customizable portfolio for developers. Made with React.js and Material UI📣

customizable i18next jsx material-ui portfolio react white-label

Last synced: 23 Jan 2025

https://github.com/evantahler/deno-template

An opinionated deno server for HTML (.tsx) and API routes

deno jsx react tsx typescript

Last synced: 01 Dec 2024

https://github.com/damirscorner/20200717-nuxt-jest-tsx

Sample project for "Testing TSX components with Jest in NuxtJS" blogpost

jest jsx nuxt tsx vue

Last synced: 01 Dec 2024

https://github.com/minhlucvan/react-conditional-attribute

A simple utility for conditionally render jsx attributes

attributes conditional jsx react utility

Last synced: 02 Dec 2024

https://github.com/filipemd/bible-web

Static webpage to read the Bible.

bible html javascript json jsx sass scss solidjs typescript

Last synced: 17 Jan 2025

https://github.com/ashishbhosle17/react-with-ashish

Built a variety of projects to understand the practical applications of React features. This repository uniquely balances a project-focused approach with ensuring a thorough understanding of each concept.

javascript json jsx props-and-state-components react-hooks react-router reactjs tailwindcss vitejs

Last synced: 09 Jan 2025

https://github.com/singcl/mhd-react

🌷React & Redux 从入门到放弃🍀

immutable jest jsx nginx nginx-proxy react react-redux redux webpack

Last synced: 08 Dec 2024

https://github.com/narendrakoya999/react.js-projects-foundation-level

This is a list of React.js projects for building strong foundation the React.js Common Core Concepts

babel css3 html5 javascript jsx npm props reactjs state-management webpack

Last synced: 26 Jan 2025

https://github.com/hafidzdev17/modern-reactjs

npx create-react-app modern-reactjs

es6-javascript jsx reactjs

Last synced: 25 Dec 2024

https://github.com/ahmad-maartmesrini/tenzies

Roll until all dice are the same.

css3 jsx nanoid react react-confetti

Last synced: 26 Jan 2025

https://github.com/denscholar/covid-19-metrics-webapp

Covid-19 webapplication is a metric application that provides global statictics of the number of infected, recorvered and deaths as a result of the COVID-19 virus. The application shows a detail stats based on countries and each country can be filtered using the search bar to get a particular country.

css javascript jsx material-ui react redux styled-components

Last synced: 08 Dec 2024

https://github.com/jogit82/appointment-app-react-jsx

React app using JSX. only

jsx react

Last synced: 03 Dec 2024

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