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/petrmileshko/spa-farmer

Проект по верстке React компонентов для самостоятельной работы

html-academy js jsx jsx-syntax react react-components react-native

Last synced: 19 Oct 2024

https://github.com/prabhas9346/notes-repoel

I'm thrilled to share my latest project, Quick Keep Notes – a single-page, full-stack note-taking application that allows users to jot down their thoughts, ideas, and reminders quickly and efficiently.

expressjs html-css-javascript jsx netlify nodejs react-router react-router-dom reactjs render sqlite

Last synced: 11 Oct 2024

https://github.com/pascalduez/babel-plugin-jsx-svg

Tree shackable SVG aliases for JSX

babel babel-plugin jsx svg

Last synced: 17 Oct 2024

https://github.com/khaimyk/storecopy

In the process of project implementation

css javascript jsx mobx react scss

Last synced: 11 Oct 2024

https://github.com/claire-labry/plant-clicky-game

Plant Clicky Game is a React-based application that tests the user's memory when clicking 12 different photos of plants. User's score will be tracked until they click a duplicate photo. React, Javascript, JSX, + Bootstrap were used to build this application.

bootstrap javascript jsx reactjs

Last synced: 13 Oct 2024

https://github.com/axelo/tslint-jsx-typed-class-name

TSLint rule to provide typed class names for the jsx attribute className. Add more safety to your react components, especially with the css utility library of your choice.

classname css jsx react tachyons-css tailwind-css tslint tslint-rules typed

Last synced: 27 Sep 2024

https://github.com/dipeshduwal/cv-application

In this react project, a small application is created where users can input their information and generate a CV/résumé.

conditional-rendering css javascript jsx react state-management vite

Last synced: 10 Oct 2024

https://github.com/piterweb/reverui

< 3kb React Alternative that works on top lf Vite

javascript jsx jsx-elements jsx-renderer jsx-syntax preact react reverui signals typescript ui-library

Last synced: 10 Oct 2024

https://github.com/durgaprasad-04/online-grocery-store-web-application

Online Grocery Store is a E-commerce Web Application developed using the MERN Stack.

express-js html-css javascript jsx mongodb node-js reactjs tailwind-css

Last synced: 10 Oct 2024

https://github.com/ubermanu/jhj

🦒 A CLI that parses and serves JSX files

cli jsx nodejs parser render serve

Last synced: 19 Oct 2024

https://github.com/mcnallydev/react-md-switch

React Component Material Design Switch.

javascript jsx react

Last synced: 11 Oct 2024

https://github.com/brokeboiflex/jar-preact

JAR - a JSX Abstract Router

jsx preact react router

Last synced: 09 Oct 2024

https://github.com/katelim215/goit-react-hw-01-components

React Homework 1 Live Page

components css-modules jsx

Last synced: 15 Oct 2024

https://github.com/dauntlessdev/styled-component

scss practice

css jsx react scss

Last synced: 27 Oct 2024

https://github.com/mdbootstrap/react-slider

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap react-slider

Last synced: 12 Oct 2024

https://github.com/aayushyadavz/react-basics-notes

Basically in this repo you will find the React topic wise codes with notes on every line of code. Beginner friendly React notes, you can learn, revise e.t.c.

babel complex-state components-react destructuring-objects expressions jsx reactjs spread-operator usestate-hook

Last synced: 11 Oct 2024

https://github.com/roydukkey/jsx-destruct

This tiny package allows you to unpack values directly in JSX statements

destructuring jsx

Last synced: 13 Oct 2024

https://github.com/saulwolfdev/react-review

Todo list, repaso de conceptos en la nueva versión de React

arrow-functions async-await destructuring filter json jsx map npm prop-types react

Last synced: 11 Oct 2024

https://github.com/andrei-markeev/timerquiz

Simple quiz application built with Node.js, MongoDb and server-side JSX-templates. https://timerquiz.vercel.app

jsx mongodb node-js quiz-application typescript

Last synced: 15 Oct 2024

https://github.com/arthurclaro/metafisic

O METAFISIC foi criado para ser seu parceiro na jornada de desenvolvimento muscular. Ao utilizar nosso sistema de hipertrofia alvo, você terá um caminho claro e eficaz para atingir seus objetivos. Estamos aqui para apoiá-lo a cada passo, garantindo que você alcance a melhor versão de si mesmo.

javascript jsx nestjs prisma react sass typescript

Last synced: 06 Nov 2024

https://github.com/atish28kumar03sahu2001/nextjs-web-dev-app-01

TrendScribe Blog App is a dynamic blogging platform built with Next.js 14, designed to offer a seamless user experience for both readers and writers. The app features a sleek, responsive design, allowing users to easily browse and publish blog posts.

apiroute blogapp css javascript jsx mongodb mongoose nextjs14 responsive-web-design serveractions

Last synced: 13 Oct 2024

https://github.com/giulic3/giulic3.github.io

My serious not so serious personal website

css gatsbyjs github-pages html javascript jsx reactjs

Last synced: 05 Nov 2024

https://github.com/passioninfinite/reactnd-myreads

MyReads Project of React Nanodegree.

javascript jsx react

Last synced: 11 Oct 2024

https://github.com/yogihafidh/usepopcron

An app that helps users discover and rate their favorite movies and series. The app offers many features that make it easy to find content and manage your personalized lists.

css javascript jsx movies omdb-api reactjs

Last synced: 07 Nov 2024

https://github.com/wasifbaliyan/coda-frontend-task

I have created this task for the Coda Superhero Frontend Hiring challenge

css3 fetch jsx react-hooks react-router-dom reactjs

Last synced: 11 Oct 2024

https://github.com/andrewjbateman/next-bootstrap-portfolio

:clipboard: Next.js app using Bootswatch styling to present portfolio information

api bootstrap5 bootswatch-theme css3 hmtl5 jsx next12 nextjs react ssr

Last synced: 07 Nov 2024

https://github.com/rogeriopvl/if.jsx

🤔 Simple if condition helper for JSX

conditional-statements if jsx react

Last synced: 23 Oct 2024

https://github.com/dytsou/sdcbillook

A react billook created in SDC

html javascript jsx npm npmjs

Last synced: 12 Oct 2024

https://github.com/janumedia/react-basic-with-minimal-setup

React basic with minimal setup without using 'create-react-app'

babeljs es2015 es6 jsx pure-function pure-function-compo reactjs scss webpack

Last synced: 11 Oct 2024

https://github.com/arzoka/svg-component-package

Package that returns certain SVGs as React components

javascript javascript-library js jsx npm-package progress-bar svg ts tsx typescript

Last synced: 12 Oct 2024

https://github.com/csabbah/next-ts-tiktokclone

TikTok clone is a social media app that lets users explore and discover content and profiles. Users can log in with Google Authorization, like, comment, and upload posts. It's optimized for desktop and mobile, uses Sanity for data persistence, and built with TypeScript for a great user experience.

axios css googleauth html javascript jsx jwt-decode nextjs nodejs react react-icons sanity tsx typescript vercel zustand

Last synced: 24 Oct 2024

https://github.com/cristianv0117/over-app-front

FRONT OVER APP NEXT JS AND TYPESCRIPT

bootstrap5 css3 html jsonwebtoken jsx nextjs reactjs spa typescript

Last synced: 11 Oct 2024

https://github.com/xontab/react-forms-component

Form Component including validation for React

boilerplate forms jsx react validation webpack

Last synced: 13 Oct 2024

https://github.com/patryk-majchrzak/personal_homepage

Personal homepage which lists set of my technical skills and what I would like to learn in the future. It can be treated as an addition to my CV. Check it out!

api i18next javascript jsx react-i18next reactjs redux redux-saga redux-toolkit styled-components

Last synced: 14 Oct 2024

https://github.com/mahammad-mostafa/retink-home-page

Responsive home page for Retink media using ReactJS with Hooks. Implemented some css animations and hovering interactions.

css-flexbox css-grid css3 hooks html html-css-javascript html5 javascript js jsx react react-hooks reactjs responsive-layout

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/hello-react-front-end

This is the third project in the full stack capstone of the Microverse program. It is an exercise for using React & Redux as a frontend for a simple page app.

es6-javascript eslint frontend-web gitflow-workflow jsx microverse microverse-projects microverse-students react-hooks react-redux react-router react-router-dom reactjs redux redux-thunk redux-toolkit responsive-layout stylelint webpack

Last synced: 18 Oct 2024

https://github.com/i9or/basictodo

:white_check_mark: Production ready to-do list web application

bootstrap5 bun drizzle-orm free-software hono htmx jsx server-side-rendering sqlite

Last synced: 14 Oct 2024

https://github.com/dylanvann/jsx-to-html

An online tool to make a best effort conversion of JSX to code that's usable in other frameworks.

hacktoberfest html jsx

Last synced: 13 Oct 2024

https://github.com/billstephens2022/pizza-react

A simple React app from a tutorial displaying a Pizza Menu. Demonstrates the use of React components, props, conditional rendering, and using map method to easily render data from arrays within a component

css html javascript jsx react

Last synced: 24 Oct 2024

https://github.com/diogoangelim/html-to-jsx-demo

Html to JSX Demo

converter html jsx react

Last synced: 01 Nov 2024

https://github.com/offensive-vk/temp

My Personal Favourite Movies and Web Series Explorer. Find Everything.

ci docker github-actions jsx movie-finder movies ott react series tailwind tv

Last synced: 01 Nov 2024

https://github.com/luovtyrell/personal-budget-assistant

Track your income, expenses, analyze your spending, and set budget alerts. Built with React and Material UI.

css3 jsx material-ui nanostores reactjs recharts tailwindcss

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

https://github.com/ahawazi/online-shop

online project by React.js

jsx online-shop react reactjs

Last synced: 01 Nov 2024

https://github.com/fawad-jawed/quiz-website-with-react

A simple and interactive quiz website built with React.js. This project allows users to test their knowledge across various topics through multiple-choice questions.

jsx quiz-website react react-hooks react-router reactjs

Last synced: 01 Nov 2024

https://github.com/jgabrielleal/jsx-simplify

Biblioteca leve para simplificar a lógica dentro do JSX, tornando o código mais limpo.

biblioteca frontend javascript jsx react

Last synced: 01 Nov 2024

https://github.com/ashwinsomi/react_quizapplication_1

application allows you play a quiz

context-api css jsx react

Last synced: 01 Nov 2024

https://github.com/adarsh144/amazon-clone

Amazon Clone app made using react components, Vite, CSS, HTML and JavaScript.

css html javascript jsx react reactjs vite

Last synced: 01 Nov 2024

https://github.com/bogeyman76/documentvisible

A React hook to monitor if the current browser tab is visible or not.

javascript jsx react react-hook typescript-react

Last synced: 01 Nov 2024

https://github.com/pengxiaohua/mini-react

手写React代码，实现React18核心功能，包含JSX、ReactDOM、Reconciler、Hooks、Suspense等。彻底掌握React实现原理，精通React。

dom-diff jsx react react-fiber react-hooks reactdom reconciler virtual-dom

Last synced: 01 Nov 2024

https://github.com/fredh2o/flex-trap-clothing.co

Clothing shop built on React for training and project showcase.

css3 html5 javascript jsx react-hooks react-router reactjs

Last synced: 01 Nov 2024

https://github.com/elliotalien/weather-app

This is a simple weather application built with React and Vite. It allows users to search for weather information of different cities.

api html javascript jsx reactjs tailwindcss vite weather-app

Last synced: 01 Nov 2024

https://github.com/mazin-emad/mazin_blog

This is a Blog project built with react js and uses firebase for the backed

firebase jsx reactjs responsive-design routing

Last synced: 01 Nov 2024

https://github.com/m-essam-s/we-fullstack-internship

Repository for comprehensive full stack development training. Features a modern front-end built with React and a robust back-end powered by PHP Laravel. This project showcases the integration of cutting-edge technologies to deliver dynamic, responsive web applications.

js jsx react routing vite

Last synced: 01 Nov 2024

https://github.com/gourabofficial/overpower-react

learing React js

jsx react reactjs

Last synced: 01 Nov 2024

https://github.com/asheelahmedsiddiqui/project-e-commerce

Furnio - Online Furniture Shop Furnio is an e-commerce platform for furniture shopping, featuring: Easy Shopping: Browse, add to cart, and checkout effortlessly. Real-Time Updates: Admins can add products and categories instantly. Insights Dashboard: Monitor user activity and order statistics. Transform your home with Furmio's stylish offerings!

css css3 ecomerce-web-app ecommerce-application ecommerce-website html html5 javascript javascript-applications js jsx react react-dom react-hooks react-router reactjs

Last synced: 01 Nov 2024

https://github.com/jeonggoncho/react-practice-diary

📕 React를 이용하여 제작한 'Diary 클론코딩'입니다.

clone-coding javascript jsx react

Last synced: 01 Nov 2024

https://github.com/tjx666/adobe-jsx

command line tool to execute adobe extendscript .jsx file

adobe aftereffects cli command-line-tool extendscript jsx photoshop

Last synced: 24 Oct 2024

https://github.com/olawale-o/react-space-travelers

This is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

css jsx react-bootstrap react-router reactjs redux

Last synced: 18 Oct 2024

https://github.com/olawale-o/react-todo-app

"React Todo App" is a tutorial on how to work with React.

css jsx reactjs

Last synced: 18 Oct 2024

https://github.com/olawale-o/react-metrics

"React Metrics" is a metric based web app that gives real-time updates on volume of shares traded in the stock market.

css3 cypress jsx react redux

Last synced: 18 Oct 2024

https://github.com/vaibhavdixit09/taskmanagemnetfrontend

TaskMaster Pro - Advanced Task Management System with Google Authentication

cron cryptography css3 expressjs javascript jsx mongodb nodejs passportjs reactjs

Last synced: 11 Oct 2024

https://github.com/adityaghode92/movie-recommendation-app

Movie Recommendation System based on TMDB API

jsx reactjs reduxjs reduxjs-toolkit tailwindcss

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/fylo-cloud-storage

The Fylo frontend website showcases a sleek and user-centric design, emphasizing simplicity and ease of use for cloud storage and file management. This frontend is crafted to offer an engaging and intuitive user experience, providing essential functionalities such as file upload, sharing.

css fylo-data-storage fylo-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/soorajvp/basic-next.js

Basic Nextjs Application for learing the routing mechanics, rendering techniques with server side rendering .

ap clientside-rendering jsx nexjs server-side-rendering tailwindcss

Last synced: 11 Oct 2024

https://github.com/mahammad-mostafa/redux-cart-tutorial

This is the fourth project of the third module in Microverse program. It is an exercise tutorial to practice Redux toolkit with React framework.

css-modules es6-javascript jsx microverse microverse-students react-hooks reactjs redux-thunk redux-toolkit resposive-layout single-page-app

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/book-store

This is the third project of the third module in the Microverse program. It implement Redux toolkit with ReactJS app.

axios css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks react-redux react-router redux redux-thunk redux-toolkit responsive-layout single-page-app

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/math-magicians

This is the first project of the third module in the Microverse program. It is a single page site with basic calculator tool using ReactJS framework.

create-react-app es6 jsx microverse microverse-projects microverse-students react react-components react-hooks reactjs responsive-layout single-page-app

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/acceleratorapp-home-page

Built the complete home page for AcceleratorApp. The page is responsive for all screen sizes. Used GatsbyJS and ReactJS with Hooks. Implemented page styling in Module CSS.

css-grid css3 es6-javascript flexbox-css gatsby gatsby-site gatsby-starter gatsbyjs graphql html5 javascript jsx jsx-syntax module-css react react-hooks reactjs responsive

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/redux-thunk-exercise

This is the fifth project in the third module of Microverse program. It is an exercise for implementing async code using Thunks with Redux toolkit in a React app.

create-react-app css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks redux redux-thunk redux-toolkit rest-api single-page-app

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/react-tutorial

This is the second project of the third module in Microverse program. It is an exercise tutorial created with React framework.

css-modules es6-javascript gitflow-workflow jsx microverse microverse-projects microverse-students react react-hooks react-router reactjs single-page-app webpack

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/list-viewer-demo

A simple ReactJS list viewer with animation. It fetches an endless user list with a flip animation. Hooks are used for data fetching and flip animation.

css-flexbox css-grid css3 css3-animations fetch-api hooks html5 javascript jsx react-hooks reactjs

Last synced: 18 Oct 2024

https://github.com/ianfabs/mithril-example

This is an example mithril app, that I have setup with a sweet config

frontend js jsx mithril mithril-starter mithriljs

Last synced: 19 Oct 2024

https://github.com/techycode-01/passwordgenerator

This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.

jsx react tailwindcss

Last synced: 11 Oct 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 194 hyperawesome 71
JSX (JavaScript XML) Categories
Uncategorized 235 Resources 135 📦 Components & Libraries 120 Utilities V1 17 Articles & Tutorials V1 10 Boilerplates V1 9 Utilities 8 Examples V1 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 Testing V1 1 Applications 1 🛠️ Tooling 1