Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/jsx
- Wikipedia: https://en.wikipedia.org/wiki/JSX_(JavaScript)
- Repo: https://github.com/facebook/jsx
- Created by: Facebook
- Released: August 4, 2022
- Related Topics: jxon, xhp, xml, babel, reactjs, vhtml, mithril, hyperscript, ijk, hdom,
- Last updated: 2025-01-15 00:17:51 UTC
- JSON Representation
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/adnankasikci/react_examples
I made to improve myself. React applications
Last synced: 15 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/lucafoscili/ketchup-lite
Simple Stencil.js webcomponents. - work in progress -
custom-elements jsx scss stenciljs stenciljs-components webcomponents
Last synced: 30 Sep 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/espinbrandon49/brandon_espinosa_portfolio
Brandon Espinosa Portfolio
bootstrap css javascript jsx react react-dom
Last synced: 25 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.
Last synced: 24 Nov 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/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/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/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/terkasm/projekt-recepty-js
component-architecture javascript jsx vite
Last synced: 22 Dec 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/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/abhishekgurjar-in/manage-landing-page
The "Manage" landing page is designed to introduce users to the Manage application, highlighting its features and encouraging them to get started. We'll use React for component-based development and CSS for styling the page.
css javascript jsx manage-la react web-development
Last synced: 11 Oct 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.
Last synced: 24 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: 22 Nov 2024
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/abhishekgurjar-in/recipe-finder
The Recipe Finder built with React offers a quick and simple way to search for recipes online. Powered by the Edamam API, it provides users with real-time results based on their preferences, whether they're looking for trending dishes or saving favorites.
api css javascript jsx react recipe-finder web-development
Last synced: 11 Oct 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
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/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
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/yashkathe/expense-tracker-dashboard
SPA to keep a track of your expense and visualise data with a simple dashboard
Last synced: 25 Dec 2024
https://github.com/harryfinn/wordpress-skeleton
WordPress Starter Framework
brunch jsx php scss wordpress wordpress-theme wordpress-theme-framework yarn
Last synced: 01 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/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/safayetdib/movieland-search-with-react
MovieLand Search From OMDB API
Last synced: 14 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/israelkilday/secret-word
SECRET WORD Aplicação web de um Jogo de adivinhação de palavras com limitação de tentativas e somatória de pontos.
css-modules git hooks javascript jsx react-router-dom reactjs typescript
Last synced: 28 Dec 2024
https://github.com/israelkilday/devtube-playlists
DEVTUBE PLAYLISTS É uma plataforma de exibição de playlists com vídeos de programação selecionados do YouTube. Utilizando React, Vite, e Zustand, implementei uma interface dinâmica e intuitiva, Os vídeos são gerenciados por uma API personalizada que criei e armazenei no JSONPlaceholder
axios eslint git husky jsx prettier radix-ui react react-icons react-player tailwind-css typescript vercel zustand
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/evantahler/deno-template
An opinionated deno server for HTML (.tsx) and API routes
Last synced: 01 Dec 2024
https://github.com/stephanepericat/react-monorepo-boilerplate
a small monorepo boilerplate for React 17+ components; using Yarn Workspaces.
jest jsx plop react storybook styled-components tailwindcss
Last synced: 26 Nov 2024
https://github.com/israelkilday/food-express
Food-Express é um aplicativo de entrega de alimentos que oferece uma experiência completa tanto para os clientes quanto para os restaurantes. Inspirado nas funcionalidades do iFood. O sistema inclui uma interface de usuário moderna e intuitiva, um robusto sistema de carrinho de compras, autenticação segura e uma série de funcionalidades.
contextapi git jsx lucide-react nextauthjs nextjs14 postgresql prisma-orm reacticons reactjs serveractions shadcn-ui tailwindcss tsnode typescript vercel
Last synced: 28 Dec 2024
https://github.com/andrelmlins/whatsup-document-title
Page title manager for whatsup
Last synced: 16 Nov 2024
https://github.com/pedro-donoso/mynextjs
Proyecto creado en Nextjs, utiliza React y Tailwind, se conecta a API y muestra publicaciones en Cards
jsx jsx-syntax nextjs nextjs13 react reactjs
Last synced: 26 Nov 2024
https://github.com/pedro-donoso/react-app
React App de Breaking Bad Api, sitio reactivo con información de la serie, el usuario puede dar click en botón para conocer frases y personaje que la dijo, texto en ingles
Last synced: 26 Nov 2024
https://github.com/pedro-donoso/react
TODO list en React JS, permite al usuario agregar nuevas tareas, termina las tareas actuales y el boton cambia su mensaje, se puede eliminar una tarea de la lista y editar las tareas en proceso o cancelar su edición.
Last synced: 26 Nov 2024
https://github.com/madhur-taneja/confusion
A ReactJS webapp of a restaurant using JSX. This project is a part of Coursera's Front-End Web Development with React course.
confusion coursera coursera-specialization coursera-web-development javascript jsx react reactstrap redux
Last synced: 26 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/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/thomas465xd/tips-calculator_react
Simple Tips Calculator Frontend using React and TypeScript. Deployment in Vercel
js jsx react tailwind ts typescript
Last synced: 21 Dec 2024
https://github.com/nyarla/shamoji
The workspace to make custom svg emojis by JSX and vercel/satori renderer
Last synced: 06 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/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/shinnn/metalsmith-buble
Bublé plugin for Metalsmith
buble build-tool compiler ecmascript javascript jsx metalsmith metalsmith-plugin nodejs
Last synced: 17 Dec 2024
https://github.com/PallaviKatari/ReactTraining
React is an open source, JavaScript library for developing user interface (UI) in web application. React is developed and released by Facebook.
axios-react hooks javascript json json-api jsx razorpay-payment react18 rooks
Last synced: 05 Nov 2024
https://github.com/yasinzhyper/primeestate
Real-Estate web application (MERN-Stack)
expressjs javascript jsx mern-project mern-stack mern-stack-app mongo nodejs prisma prisma-client react reactjs real-estate realestate sass scss vite web
Last synced: 10 Oct 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/mohamedhnoor/unsplash-images
css3 hooks jsx react react-query react-router vite
Last synced: 03 Jan 2025
https://github.com/washira/next-13-blog
A blog web app project using NextJs 13.
Last synced: 19 Nov 2024
https://github.com/uvacoder/uva-svg2jsx
jsx mytools svg tools typescript vercel
Last synced: 24 Nov 2024
https://github.com/qwtel/create-element-x
Extends document.createElement to conform to the target API of JSX.
create-element dom element jsx
Last synced: 21 Dec 2024
https://github.com/dzmitryur/weather-app-react
Weather Application in React with Axios, Tanstack Query, Tailwind CSS and Hooks
axios geolocation hooks jsx openweather-api react reactjs tailwind tailwindcss tanstack-query
Last synced: 20 Dec 2024
https://github.com/0904-mansi/login-page
This is a dummy react website I learned how to deploy react websites.
Last synced: 14 Jan 2025
https://github.com/pktcodes/react-basics-v2
React Fundamentals
anonymous-functions children-props components create-react-app css es6-modules events html javascript john-smilga jsx key-props prop-drilling props react
Last synced: 02 Jan 2025
https://github.com/virtualstate/focus
JSX implementation
deno jsx jsx-reader jsx-transform jsxgraph typescript
Last synced: 19 Nov 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/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/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/yiransheng/make-a-js-framework
A toy example of MVI with React and Redux-like api
Last synced: 27 Nov 2024
https://github.com/devsany/super-mall-web-application
A SuperMall Web app is a website that allows merchants to advertise and sell their products at developing counters. Rural towns would be able to sell their commodities to the rest of the globe as a result of this...
firebase-auth firebase-database firebase-realtime-database javascript jsx reactjs shadcn-ui tailwindcss unittest
Last synced: 20 Dec 2024
https://github.com/lucambr0/school-times
School Times is a webapp that provides a convenient way for students to access their weekly class schedules and more school-related information.
css html html-css-javascript javascript jsx pwa react react-components school-project web-development webapp
Last synced: 04 Jan 2025
https://github.com/surajsgh/expense_tracker
📖 🖋 It's finally a time to manage your daily expenses!
css html javascript jsx react ui web-development
Last synced: 03 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/thalesgomest/track-it
This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!
javascript jsx react styled-components
Last synced: 03 Jan 2025
https://github.com/mohammad-zolghadr/loginformvalidation
Login & Signup Form Validation
css functional-components html javascript jsx react-router-dom reactjs recaptcha spa toastify
Last synced: 03 Jan 2025
https://github.com/ns007-dev/nasaskysearch
Using NASA's Picture Of The Day API, I made an app using React.js, that gives you the image of the sky on the date you input.
api components css jsx nasa reactjs
Last synced: 26 Dec 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.
Last synced: 12 Jan 2025
https://github.com/ramasilveyra/babel-plugin-react-element-to-jsx-string
Turn a ReactElement into the corresponding JSX string at build time.
Last synced: 02 Jan 2025
https://github.com/raunofreiberg/blackford
Dockerized Node.js & PostgreSQL SPA with a React & Redux client
css-modules docker express javascript jsx knex nginx nodejs passportjs postgresql react redux scss webpack
Last synced: 26 Dec 2024
https://github.com/ship-components/ship-components-dialog
A modal dialog; alert box replacement.
babel dialog javascript javascript-library jsx loader react ship-components-dialog webpack
Last synced: 11 Jan 2025
https://github.com/ship-components/ship-components-tag-input
A multi-featured select component allowing single select, multi-select, and typeahead functionality.
babel javascript-library jsx loader multi-select react tags webpack
Last synced: 11 Jan 2025
https://github.com/mohamedhnoor/mhnoor-portfolio
A web application to showcase my skills and Recent Project. Built with Vite, React, and HTML5/CSS3.
Last synced: 03 Jan 2025
https://github.com/desmondsanctity/prime-numbers-multiple-react
A react web application that returns a multiplication table for a range of prime number.
jest jest-tests jsx react react-hooks
Last synced: 26 Dec 2024