panes
๐๐ฑ Create dynamic modals, cards, panes for your applications in few steps. Any framework and free.
File Explorer
Download Latest Version (.zip)- config.yml
- bug_report.md
- feature_request.md
- FUNDING.yml
- index.js
- backdrop.js
- fit-height.js
- follower.js
- horizontal.js
- index.js
- inverse.js
- modal.js
- z-stack.js
- events.d.ts
- index.d.ts
- keyboard.d.ts
- resize.d.ts
- backdrop.d.ts
- fit-height.d.ts
- follower.d.ts
- horizontal.d.ts
- index.d.ts
- inverse.d.ts
- modal.d.ts
- z-stack.d.ts
- breakpoints.d.ts
- cupertino-pane.d.ts
- device.d.ts
- events-emitter.d.ts
- index.d.ts
- models.d.ts
- public-api.d.ts
- settings.d.ts
- support.d.ts
- transitions.d.ts
- cupertino-pane.esm.js
- cupertino-pane.esm.min.js
- cupertino-pane.esm.min.js.map
- cupertino-pane.js
- cupertino-pane.js.map
- cupertino-pane.min.js
- cupertino-pane.min.js.map
- ai-chatbot.gif
- bulletin.gif
- custom-transitions.gif
- notifications.gif
- overflow.gif
- picture-in-picture.gif
- z-stack.gif
- logo-1-mini.jpg
- logo-1.jpg
- logo-2-mini.png
- logo-2.png
- logo-3.png
- logo-4.jpg
- logo-5.jpg
- logo-6.jpg
- banner.js
- build-bundle.js
- build-core.js
- build-modules.js
- gulpfile.js
- ai-sdk.svg
- anthropic.svg
- crewai.svg
- gemini.svg
- grok.svg
- lang-graph.svg
- ollama.svg
- open-ai.svg
- pydantic.svg
- ui-final-message.mp3
- ui-hover.mp3
- index.html
- script.js
- style.css
- app-clips.jpg
- cup-1.png
- cup-2.png
- nike-1.jpg
- nike-2.jpg
- nike-3.jpg
- nike-app.png
- starbucks.png
- basic.html
- custom-transition.html
- dismiss-on-intense.html
- flying.html
- zoom-transition.html
- auto-height.html
- base.html
- calc-fit-height.html
- follower.html
- index.html
- overflow.html
- top-to-bottom.html
- with-swiper.html
- z-stack.html
- events.ts
- index.ts
- keyboard.ts
- resize.ts
- backdrop.ts
- fit-height.ts
- follower.ts
- horizontal.ts
- index.ts
- inverse.ts
- modal.ts
- z-stack.ts
- breakpoints.ts
- cupertino-pane.ts
- device.ts
- events-emitter.ts
- index.ts
- models.ts
- public-api.ts
- settings.ts
- support.ts
- transitions.ts
- .gitignore
- ai-chatbot.gif
- CHANGELOG.md
- CLAUDE.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- gulpfile.js
- LICENSE
- package.json
- README.md
- tsconfig.json
- tslint.json
- velocity-drag-scroll-events.txt
# Installation Guide
1. Get the code
git clone https://github.com/tech-systems/panes
Downloads the entire project code from GitHub to your computer.
cd panes
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)