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/reactual/what-props-changed

A React utility used to detect changed props when a component updates.

javscript jsx react reactjs

Last synced: 02 Jan 2025

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

https://github.com/mishi54/pokemon

This is a Pokémon card application built in React that allows users to search and view Pokémon details like height, weight, speed, and abilities. The project utilizes components and state management to dynamically display a list of Pokémon with a search feature. It employs a clean, responsive design and highlights the use of React props and JSX .

api bun cartoon components jsx pokemon-api reactjs useeffect-hook usestate-hook vite

Last synced: 19 Dec 2024

https://github.com/sreesh-mallya/learn-reactjs

Code for egghead.io's beginner's guide to React

babel egghead-io jsx learning-by-doing reactjs

Last synced: 27 Dec 2024

https://github.com/herudi/egx

ExpressJS Got (Htmx + JSX)

expressjs htmx jsx tsx typescript

Last synced: 10 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/goodnesskay/simple-react

A mini react Application without using create-react-app CLI command

babel cdn jsx pwa react react-jsx reactjs ui

Last synced: 26 Dec 2024

https://github.com/a-la/bootstrap

Bootstrap Class Properties, Elements And Types Definitions For JSX.

a-la bootstrap css jsx

Last synced: 05 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: 17 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/chara0511/covid19-tracker

Simple page to display covid19 information

axios css3 es6 javascript jsx material-ui react

Last synced: 28 Dec 2024

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/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/ivankprod/mxm-kanban

Kanban dashboard

eslint js jsx react sass scss vite

Last synced: 30 Dec 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/a-la/bulma

Bulma Class Properties And Types Definitions For JSX.

a-la bulma jsx

Last synced: 05 Jan 2025

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/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/starandtina/the-super-tiny-jsx

The super tiny JSX implementation.

ast jsx

Last synced: 17 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/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: 21 Jan 2025

https://github.com/benarmstrongg/htjs

Lightweight, no build, pure-JS alternative to JSX

htjs jsx preact

Last synced: 26 Jan 2025

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

Transform rendered JSX elements with middlewares

jsx react react-jsx

Last synced: 06 Dec 2024

https://github.com/joe-dakroub/domxy

A lightweight library for effortlessly creating HTML and SVG elements in JavaScript.

dom html javascript js jsx svg

Last synced: 21 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/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/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/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/adnankasikci/react_examples

I made to improve myself. React applications

javascript jsx react

Last synced: 16 Jan 2025

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/alexandrbig1/goit-js-hw-11

homework(JavaScript module) in bootcamp (GoIT) Fullstack developer

api axios css3 frontend html5 javascript js js-library json json-api json-server jsx nativejavascript webdevelopment

Last synced: 23 Jan 2025

https://github.com/eimaam/xxtech-desk

A Web Service Company Website/Portfolio

javascript jsx react reactjs sass scss

Last synced: 14 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/mshuster/augmented-ui-jsx

Typed JSX Implementation of Augmented UI via styled-components

augmented-ui css jsx styled-components typescript

Last synced: 05 Jan 2025

https://github.com/matildevoldsen/portfolio

Personal portfolio website made in React JS. Under construction...

css git html jsx react-router reactjs

Last synced: 02 Jan 2025

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/siddhesh-agarwal/pomo.do

🍅 Pomodoro timer built with React

css javascript jsx pomodoro pomodoro-timer react

Last synced: 14 Jan 2025

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

https://github.com/lucky-kashyap/e-commerce-web-app

E-Commerce Web Application with Products section, category section and its individual pages

api css error-handling jsx react-router-dom reactjs

Last synced: 27 Dec 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/alekrish-12/ecommerce-app

Shopping Website (Frontend) - Forever Shopping is a user-friendly e-commerce platform built with React.js (or Angular). It features easy login, product search, pagination, and a simple cart system. The responsive design ensures smooth browsing on all devices, with role-based access for personalized experiences. http://localhost:5173/

config css3 github-config html5 javascript jsx node-module package-json reactjs tailwind-css vite

Last synced: 15 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/mikhail-ev/stringify-jsx

JSX adaptation as a template system for non-React projects

html jsx jsx-adaptation mustache react stringify-jsx templates

Last synced: 20 Dec 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/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/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/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/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/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/dervexdev/svg-to-tsx

Convert all your SVGs to a single TSX module

cli icons jsx react svg tsx

Last synced: 14 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/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/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/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/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/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/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/olawale-o/geniopay

Geniopay

css jsx reactjs

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

My Portfolio Website

css gatsby javascript js jsx reactjs

Last synced: 03 Dec 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/aiaaee/color_generator_react

Creating Generator for Recognize Box Shadow Color In React With Bootstrap

bootstrap generator javasccript javascript jsx jsx-renderer react react-hooks reactjs

Last synced: 11 Oct 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 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