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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/andrelmlins/whatsup-document-title

Page title manager for whatsup

document jsx title whatsup

Last synced: 16 Nov 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/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/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/wlodpawlowski/react-chat-application

Chat messenger web application developed with React, Redux, Webpack, Eslint, JavaScript, Babel and PubNub

babel chai chat-application css3 dom eslint html5 istanbul javascript json jsx messenger-application mocha pubnub-chatting pwa react react-components react-router redux webpack

Last synced: 24 Nov 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/71/babel-plugin-transform-raw-jsx

JSX -> HTMLElement direct DOM rendering, via Babel.

babel babel-plugin jsx reactive

Last synced: 16 Nov 2024

https://github.com/manuelgil/vscode-react-pack

Essential extensions for React development. Includes support for React, TypeScript, JavaScript, JSON, Git, Markdown, and more.

extension-pack extensions javascript js json jsx react reactjs vscode vscode-extension

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

https://github.com/arkapg211002/coinloom

A webpage that shows news and details regarding cryptocurrencies

ant-design coinranking-api jsx rapidapi react

Last synced: 15 Nov 2024

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

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

https://github.com/soumwadeep/tech-optimization

My First Responsive Website Created By The Help Of React.Js

css js jsx reactjs

Last synced: 17 Nov 2024

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

https://github.com/dracula27/react_cards

This is my second project with a "full-stack" React App through Per Scholas. Again, the backend is set up, but not used. This app displays vacation spots on cards.

css git github html jsx react

Last synced: 17 Nov 2024

https://github.com/dracula27/react_counter

This is my third project with a "full-stack" React App through Per Scholas. Again, the backend is set up, but not used. This app uses the useState hook to increment/decrement/reset a counter. It also demonstrates the useEffect hook.

git github hooks jsx react

Last synced: 17 Nov 2024

https://github.com/dracula27/movie_app

A simple react app that pings an API to display movie data.

api express jsx react react-hooks

Last synced: 17 Nov 2024

https://github.com/dzenis-h/espro

Espro - A web app made for a local coffee shop. ☕

css3 firebase javascript jsx prototype

Last synced: 17 Nov 2024

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/the-akira/react-games

A Simple Games App made with ReactJS

api filters games jsx netlify pagination react react-component reactjs

Last synced: 17 Nov 2024

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

Second Experiment with Gatsbyjs

gatsby gatsbyjs javascript javascript-library jsx react

Last synced: 17 Nov 2024

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

Artigos sobre os fundamentos básicos de React

javascript javascript-library jsx jsx-syntax react

Last synced: 17 Nov 2024

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/ritwik880/younity

Younity Finschool is a subsidiary of Younity Ed-Tech Pvt Ltd, a digital student community with more than 30,000 registered members pan-india.

bootstrap css3 jsx react-router-dom reactjs

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

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

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

https://github.com/thiagoow/galaxytravel-reactjs-website

Website desenvolvido com Sass + template Vite react-js. Utilizando as libs react-router-dom e react-icons, com metodologias de componentização de código do Atomic Design.

atomic-design atomicdesign galaxy-travel jsx react react-js react-router react-router-dom reactjs vite vite-react

Last synced: 21 Nov 2024

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

A Koa2 middleware to render JSX templates with Redux support

jsx koa2 koa2-middleware react

Last synced: 25 Nov 2024

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/iammuhit/wordpress-bedrock

A modern Wordpress stack.

cms composer docker jsx node php wordpress

Last synced: 07 Dec 2024

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

https://github.com/qrac/jsxlike

Converting HTML to React JSX-like syntax

browser html2jsx htmltojsx japanese javascript jsx jsxlike react typescript

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

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

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 248 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