mirror of
https://github.com/agent0ai/agent-zero.git
synced 2026-05-22 11:15:42 +00:00
Merge 6a5cb4ffd2 into 7ba1d61e34
This commit is contained in:
Manny Santos
GitHub
commit
cd4847a3a0
31 changed files with 7810 additions and 0 deletions
697
.firecrawl/k12-ai-research/csta-ai-priorities.md
Normal file
697
.firecrawl/k12-ai-research/csta-ai-priorities.md
Normal file
|
|
@ -0,0 +1,697 @@
|
|||
|
||||
|
||||
We value your privacy
|
||||
|
||||
We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies. [Privacy Policy](https://csteachers.org/privacy-policy/)
|
||||
|
||||
CustomizeReject AllAccept All
|
||||
|
||||
Customize Consent Preferences
|
||||
|
||||
We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.
|
||||
|
||||
The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... Show more
|
||||
|
||||
For more information on how Google's third-party cookies operate and handle your data, see: [Google Privacy Policy](https://business.safety.google/privacy)
|
||||
|
||||
NecessaryAlways Active
|
||||
|
||||
Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.
|
||||
|
||||
- Cookie
|
||||
|
||||
\_\_cf\_bm
|
||||
|
||||
- Duration
|
||||
|
||||
1 hour
|
||||
|
||||
- Description
|
||||
|
||||
This cookie, set by Cloudflare, is used to support Cloudflare Bot Management.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
wpEmojiSettingsSupports
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
WordPress sets this cookie when a user interacts with emojis on a WordPress site. It helps determine if the user's browser can display emojis properly.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
crumb
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
Squarespace sets this cookie to prevent cross-site request forgery (CSRF).
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_\_Host-GAPS
|
||||
|
||||
- Duration
|
||||
|
||||
2 years
|
||||
|
||||
- Description
|
||||
|
||||
This cookie allows the website to identify a user and provide enhanced functionality and personalisation.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
NID
|
||||
|
||||
- Duration
|
||||
|
||||
6 months
|
||||
|
||||
- Description
|
||||
|
||||
|
||||
|
||||
Google sets the cookie for advertising purposes; to limit the number of times the user sees an ad, to unwanted mute ads, and to measure the effectiveness of ads.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_GRECAPTCHA
|
||||
|
||||
- Duration
|
||||
|
||||
6 months
|
||||
|
||||
- Description
|
||||
|
||||
|
||||
|
||||
Google Recaptcha service sets this cookie to identify bots to protect the website against malicious attacks
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
cookieyes-consent
|
||||
|
||||
- Duration
|
||||
|
||||
1 year
|
||||
|
||||
- Description
|
||||
|
||||
CookieYes sets this cookie to remember users' consent preferences so that their preferences are respected on subsequent visits to this site. It does not collect or store any personal information about the site visitors.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
rc::a
|
||||
|
||||
- Duration
|
||||
|
||||
Never Expires
|
||||
|
||||
- Description
|
||||
|
||||
This cookie is set by the Google recaptcha service to identify bots to protect the website against malicious spam attacks.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
rc::c
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
This cookie is set by the Google recaptcha service to identify bots to protect the website against malicious spam attacks.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_\_Secure-ENID
|
||||
|
||||
- Duration
|
||||
|
||||
1 year 1 month
|
||||
|
||||
- Description
|
||||
|
||||
The \_\_Secure-ENID cookie is a type of secure cookie used for authentication and to ensure the security of user sessions.
|
||||
|
||||
|
||||
Functional
|
||||
|
||||
Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.
|
||||
|
||||
- Cookie
|
||||
|
||||
COMPASS
|
||||
|
||||
- Duration
|
||||
|
||||
1 hour
|
||||
|
||||
- Description
|
||||
|
||||
|
||||
|
||||
This cookie is set by Google when a Google Doc, Form, or PDF viewer is embedded on a page. It is used to manage the internal state and routing of the embedded content, ensuring the document or form loads and functions correctly for the user.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_\_Secure-YEC
|
||||
|
||||
- Duration
|
||||
|
||||
past
|
||||
|
||||
- Description
|
||||
|
||||
|
||||
|
||||
YouTube sets this cookie to stores the user's video player preferences using embedded YouTube video
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
ytidb::LAST\_RESULT\_ENTRY\_KEY
|
||||
|
||||
- Duration
|
||||
|
||||
Never Expires
|
||||
|
||||
- Description
|
||||
|
||||
The cookie ytidb::LAST\_RESULT\_ENTRY\_KEY is used by YouTube to store the last search result entry that was clicked by the user. This information is used to improve the user experience by providing more relevant search results in the future.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-session-name
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
The yt-remote-session-name cookie is used by YouTube to store the user's video player preferences using embedded YouTube video.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-fast-check-period
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
The yt-remote-fast-check-period cookie is used by YouTube to store the user's video player preferences for embedded YouTube videos.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-session-app
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
The yt-remote-session-app cookie is used by YouTube to store user preferences and information about the interface of the embedded YouTube video player.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-cast-available
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
The yt-remote-cast-available cookie is used to store the user's preferences regarding whether casting is available on their YouTube video player.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-cast-installed
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
The yt-remote-cast-installed cookie is used to store the user's video player preferences using embedded YouTube video.
|
||||
|
||||
|
||||
Analytics
|
||||
|
||||
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.
|
||||
|
||||
- Cookie
|
||||
|
||||
\_ga\_\*
|
||||
|
||||
- Duration
|
||||
|
||||
1 year 1 month 4 days
|
||||
|
||||
- Description
|
||||
|
||||
Google Analytics sets this cookie to store and count page views.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_ga
|
||||
|
||||
- Duration
|
||||
|
||||
1 year 1 month 4 days
|
||||
|
||||
- Description
|
||||
|
||||
Google Analytics sets this cookie to calculate visitor, session and campaign data and track site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognise unique visitors.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_gcl\_au
|
||||
|
||||
- Duration
|
||||
|
||||
3 months
|
||||
|
||||
- Description
|
||||
|
||||
Google Tag Manager sets the cookie to experiment advertisement efficiency of websites using their services.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_hjSessionUser\_\*
|
||||
|
||||
- Duration
|
||||
|
||||
1 year
|
||||
|
||||
- Description
|
||||
|
||||
Hotjar sets this cookie to ensure data from subsequent visits to the same site is attributed to the same user ID, which persists in the Hotjar User ID, which is unique to that site.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_hjSession\_\*
|
||||
|
||||
- Duration
|
||||
|
||||
1 hour
|
||||
|
||||
- Description
|
||||
|
||||
Hotjar sets this cookie to ensure data from subsequent visits to the same site is attributed to the same user ID, which persists in the Hotjar User ID, which is unique to that site.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_gid
|
||||
|
||||
- Duration
|
||||
|
||||
1 day
|
||||
|
||||
- Description
|
||||
|
||||
Google Analytics sets this cookie to store information on how visitors use a website while also creating an analytics report of the website's performance. Some of the collected data includes the number of visitors, their source, and the pages they visit anonymously.
|
||||
|
||||
|
||||
Performance
|
||||
|
||||
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
|
||||
|
||||
No cookies to display.
|
||||
|
||||
Advertisement
|
||||
|
||||
Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.
|
||||
|
||||
- Cookie
|
||||
|
||||
YSC
|
||||
|
||||
- Duration
|
||||
|
||||
session
|
||||
|
||||
- Description
|
||||
|
||||
Youtube sets this cookie to track the views of embedded videos on Youtube pages.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
VISITOR\_INFO1\_LIVE
|
||||
|
||||
- Duration
|
||||
|
||||
6 months
|
||||
|
||||
- Description
|
||||
|
||||
YouTube sets this cookie to measure bandwidth, determining whether the user gets the new or old player interface.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
VISITOR\_PRIVACY\_METADATA
|
||||
|
||||
- Duration
|
||||
|
||||
6 months
|
||||
|
||||
- Description
|
||||
|
||||
YouTube sets this cookie to store the user's cookie consent state for the current domain.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-device-id
|
||||
|
||||
- Duration
|
||||
|
||||
Never Expires
|
||||
|
||||
- Description
|
||||
|
||||
YouTube sets this cookie to store the user's video preferences using embedded YouTube videos.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
yt-remote-connected-devices
|
||||
|
||||
- Duration
|
||||
|
||||
Never Expires
|
||||
|
||||
- Description
|
||||
|
||||
YouTube sets this cookie to store the user's video preferences using embedded YouTube videos.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
test\_cookie
|
||||
|
||||
- Duration
|
||||
|
||||
15 minutes
|
||||
|
||||
- Description
|
||||
|
||||
doubleclick.net sets this cookie to determine if the user's browser supports cookies.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
IDE
|
||||
|
||||
- Duration
|
||||
|
||||
1 year 24 days
|
||||
|
||||
- Description
|
||||
|
||||
Google DoubleClick IDE cookies store information about how the user uses the website to present them with relevant ads according to the user profile.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_\_Secure-ROLLOUT\_TOKEN
|
||||
|
||||
- Duration
|
||||
|
||||
6 months
|
||||
|
||||
- Description
|
||||
|
||||
YouTube sets this cookie to manage feature rollout and experimentation. It helps Google control which new features or interface changes are shown to users as part of testing and staged rollouts, ensuring consistent experience for a given user during an experiment.
|
||||
|
||||
|
||||
- Cookie
|
||||
|
||||
\_\_Secure-YNID
|
||||
|
||||
- Duration
|
||||
|
||||
6 months
|
||||
|
||||
- Description
|
||||
|
||||
Google cookie used to protect user security and prevent fraud, especially during the login process.
|
||||
|
||||
|
||||
Uncategorized
|
||||
|
||||
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
|
||||
|
||||
No cookies to display.
|
||||
|
||||
Reject AllSave My PreferencesAccept All
|
||||
|
||||
Powered by [](https://www.cookieyes.com/product/cookie-consent/?ref=cypbcyb&utm_source=cookie-banner&utm_medium=powered-by-cookieyes)
|
||||
|
||||
[Skip to content](https://csteachers.org/ai-priorities/#main)
|
||||
|
||||
|
||||
|
||||
# AI Learning Priorities for All K-12 Students
|
||||
|
||||
# AI Learning Priorities for All K-12 Students
|
||||
|
||||
[DOWNLOAD REPORT](https://csteachers.org/AI-Priorities-for-All-K-12-Students-Report-from-CSTA-AI4K12)
|
||||
|
||||
[About the Project](https://csteachers.org/ai-learning-priorities-for-all-d-12-students-about/)
|
||||
|
||||
## Vision
|
||||
|
||||
**All students must learn about artificial intelligence (AI) as part of a foundational computer science (CS) education in order to be prepared for a world powered by computing.**
|
||||
|
||||
Over the last few years, we have witnessed an unprecedented expansion in artificial intelligence capabilities, with ChatGPT experiencing the most rapid adoption of any consumer app in history. Generative AI tools (that is, AI capable of generating text, audio, images, and/or video) have significant economic, legal, societal, and national security implications. Increasing public awareness of these impacts – ranging from environmental consequences to debates about intellectual property to concerns over potential job losses due to automation – have made AI a staple topic of the news cycle in the last few years.
|
||||
|
||||
It is thus no surprise that eight out of ten CS teachers believe that learning about and using AI should be part of a foundational CS learning experience and that CS standards should include AI. In fact, when asked to identify the topics they teach, over two-thirds of CS teachers stated they covered AI specifically, despite the lack of explicit definition in most CS standards.
|
||||
|
||||
|
||||
|
||||
As part of its standards revision effort, CSTA, in partnership with AI4K12, spearheaded the _Identifying AI Priorities for All K-12 Students_ project. The project gathered experts – including teachers, researchers, administrators, and curriculum developers – to articulate AI learning priorities within CS. This project was designed to support the revision of CSTA standards so that the new standards will be positioned to incorporate appropriate AI learning outcomes.
|
||||
|
||||
## What AI Content and Skills are Important for ALL Students?
|
||||
|
||||
A primary outcome of the Identifying AI Priorities for All Students project is a list of foundational AI learning outcomes organized by grade band across five categories. Explore the foundational AI content using the summarizing figure below.
|
||||
|
||||
|
||||
|
||||
- [HUMANS & AI](https://csteachers.org/ai-priorities/#tab-humansampai)
|
||||
- [REPRESENTation \\
|
||||
\\
|
||||
& REASONING](https://csteachers.org/ai-priorities/#tab-representationbrampreasoning)
|
||||
- [Machine learning](https://csteachers.org/ai-priorities/#tab-machinelearning)
|
||||
- [ETHICAL AI SYSTEM DESIGN & PROGRAMMING](https://csteachers.org/ai-priorities/#tab-ethicalaisystemdesignampprogramming)
|
||||
- [SOCIETAL IMPACTS OF AI](https://csteachers.org/ai-priorities/#tab-societalimpactsofai)
|
||||
|
||||
[HUMANS & AI](https://csteachers.org/ai-priorities/#tab-humansampai)
|
||||
|
||||
Humans and AI Prioritized Learning Outcomes
|
||||
|
||||
| **Subtopic** | **Grades K-2** | **Grades 3-5** | **Grades 6-8** | **Grades 9-12** |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| **The Nature of**<br>**Humans and of AI** | Compare and<br>contrast the nature<br>of humans versus<br>the nature of AI<br>(e.g., living versus<br>nonliving). | Compare and<br>contrast the ability of<br>humans and of AI to<br>perform various tasks<br>and serve in various<br>roles (e.g., create art,<br>recognize emotions,<br>be a friend, serve as<br>a tutor). | Identify the<br>assumptions inherent<br>in the operation<br>and output of an<br>AI model and how<br>these assumptions<br>might have different<br>implications for<br>different people. | Debate what<br>differences do or<br>should exist between<br>human and artificial<br>intelligence, sentience,<br>consciousness, rights,<br>and responsibilities. |
|
||||
| **The Human Role**<br>**in Creating AI** | Understand that AI<br>is a tool created by<br>humans to make<br>decisions or to<br>generate something<br>(e.g., an image). | Describe the role<br>of humans in the<br>creation of AI. | Describe the roles<br>that humans play<br>(including in data<br>curation and labeling)<br>in creating and<br>refining AI models. | Evaluate and<br>analyze the roles<br>of humans and<br>human decision-<br>making in the<br>creation of AI. |
|
||||
| **The Choice to**<br>**Use AI** | N/A | Evaluate when AI is<br>or is not a helpful<br>resource to carry<br>out a task. | Debate when<br>humans should or<br>should not use AI<br>to perform a<br>specific task. | Analyze the risks,<br>benefits, and<br>effectiveness of<br>using AI for specific<br>tasks (e.g., coding,<br>brainstorming),<br>including when AI is<br>used to fully automate<br>a process or is used<br>with a human-in-the<br>loop approach. |
|
||||
|
||||
[REPRESENTation \\
|
||||
\\
|
||||
& REASONING](https://csteachers.org/ai-priorities/#tab-representationbrampreasoning)
|
||||
|
||||
Representation and Reasoning Prioritized Learning Outcomes
|
||||
|
||||
| **Subtopic** | **Grades K-2** | **Grades 3-5** | **Grades 6-8** | **Grades 9-12** |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| **Understanding**<br>**Representation** | N/A | Understand how<br>a representation is<br>an abstraction that<br>focuses on some<br>features and leaves<br>others out. | Understand that<br>representation<br>includes modalities (text,<br>speech, audio, image,<br>video) and symbolic<br>mappings (text, graphs). | Describe how<br>current AI models<br>(e.g., LLMs) use<br>data representation. |
|
||||
| **Creating a**<br>**Representation** | Create a<br>representation<br>of a physical<br>object (e.g., line<br>art drawing). | Create an abstract<br>representation of<br>a physical system<br>that can be used<br>to solve a problem<br>(e.g., a map). | Create and evaluate<br>different abstract<br>representations<br>(e.g., subway map). | Choose and use<br>an appropriate<br>representation of<br>complex data for<br>processing by an<br>AI algorithm. |
|
||||
| **Reasoning** | Explain how binary<br>choices (e.g., up/down,<br>on/off, under/over) can<br>be used to make decisions<br>that lead to a specific<br>goal by either a human<br>or a machine. | Train a model that<br>can make decisions<br>based on defined<br>criteria (e.g., a<br>dichotomous key<br>to determine which<br>movie to see). | Identify the kinds<br>of AI models (e.g.,<br>classifier, predictor,<br>recommender)<br>people interact with<br>in their daily lives. | Describe different<br>types of AI algorithms<br>and models, and<br>compare and contrast<br>the strengths and<br>limitations of their<br>reasoning. |
|
||||
|
||||
[Machine learning](https://csteachers.org/ai-priorities/#tab-machinelearning)
|
||||
|
||||
Machine Learning Prioritized Learning Outcomes
|
||||
|
||||
| **Subtopic** | **Grades K-2** | **Grades 3-5** | **Grades 6-8** | **Grades 9-12** |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| **Sensing** | Compare and<br>contrast human<br>sensing with<br>computer sensors. | Describe various<br>ways that a human<br>might interact with<br>an AI system<br>(e.g., through voice,<br>text, or gestures). | Use sensors to<br>collect data, and<br>then train an AI<br>model using the<br>sensor data. | Using sensor<br>data (e.g., from<br>autonomous<br>vehicles), train<br>an AI model. |
|
||||
| **Data** | Explore how AI<br>models learn<br>from data. | Explore the<br>relationship between<br>the properties of<br>training data (e.g.,<br>size, features, biases)<br>and an AI model’s<br>output. | Describe the ways<br>that bias can be<br>introduced and<br>mitigated in an<br>AI model. | Evaluate the data<br>used to solve a<br>problem, including its<br>source(s) and whether<br>privacy is protected,<br>if/how the data has<br>been processed, data<br>quality (e.g., accuracy,<br>reliability, validity),<br>what the data<br>represents, and biases. |
|
||||
| **How Computers**<br>**Learn** | Understand<br>how computers<br>learn from data<br>and patterns. | Investigate how<br>AI models learn by<br>using data (including<br>why examples and<br>non-examples are<br>required in training<br>sets) and algorithms<br>to find patterns and<br>generate output. | Create and<br>evaluate an<br>appropriate<br>AI algorithm<br>(e.g., a decision<br>tree classifier) to<br>accomplish a task. | Select and use an<br>appropriate AI<br>algorithm for a<br>classification task<br>(e.g., KNN, decision<br>tree). |
|
||||
| **Building and**<br>**Using AI Models** | Use data to construct<br>a model for making<br>decisions (e.g., a<br>decision tree to<br>determine what<br>to wear based on<br>the weather). | Using a dataset,<br>develop an AI model<br>to classify inputs. | Using a dataset and<br>a machine learning<br>pipeline, develop<br>an AI model, and<br>consider the impact<br>of the model on<br>various users. | Using a dataset<br>and a systematic<br>process, develop an<br>AI model to generate<br>for classification<br>or prediction,<br>and articulate the<br>assumptions made at<br>each of these steps:<br>(1) develop a question<br>solvable with AI, (2)<br>collect or curate data,<br>(3) evaluate the data,<br>(4) train an AI model<br>on the data, (5),<br>evaluate the model,<br>and (6) iteratively<br>improve the model. |
|
||||
|
||||
[ETHICAL AI SYSTEM DESIGN & PROGRAMMING](https://csteachers.org/ai-priorities/#tab-ethicalaisystemdesignampprogramming)
|
||||
|
||||
Ethical AI System Design and Programming Prioritized Learning Outcomes
|
||||
|
||||
| **Subtopic** | **Grades K-2** | **Grades 3-5** | **Grades 6-8** | **Grades 9-12** |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| **Ethical Design**<br>**Criteria** | N/A | Investigate an<br>example of AI<br>decision making,<br>considering if it is<br>fair – as well as what<br>it means to be fair. | Explore strategies<br>to turn ethical<br>considerations into<br>actions, such as<br>mitigating bias in<br>datasets. | Evaluate an AI model<br>(e.g., using a model<br>card) to determine<br>the model’s features<br>as well as its biases,<br>explainability, fairness,<br>privacy, accuracy, and<br>transparency. |
|
||||
| **Ethical Evaluation**<br>**of AI Systems** | Explore how<br>an AI system can<br>help and harm<br>different groups<br>at the same time. | Investigate<br>examples of AI,<br>considering<br>differences in<br>experience by<br>different people in<br>different contexts. | Describe the<br>properties, biases,<br>and assumptions<br>of various kinds<br>of AI models (e.g.,<br>classifier, predictor,<br>recommender). | Evaluate the<br>design, motivation,<br>outcomes, and<br>potential impacts<br>of AI systems using<br>ethical design criteria<br>and/or ethical<br>frameworks. |
|
||||
| **Ethical Creation**<br>**of AI Systems** | N/A | Describe an AI<br>design process that<br>considers the impact<br>on end users and<br>others who are<br>impacted by the<br>AI system. | Create a program<br>using available AI<br>tools, AI plugins,<br>APIs, and/or AI<br>models, with the<br>following ethical<br>considerations for<br>the model’s end<br>users as well as<br>others who are<br>impacted by the<br>model: fairness,<br>bias, and accuracy,<br>and then create a<br>model card. | Train, iteratively<br>improve, and then<br>develop a model card<br>for an AI model with<br>the following ethical<br>considerations for the<br>model’s end users as<br>well as others who<br>are impacted by<br>the model: fairness,<br>bias, safety, security,<br>intellectual property,<br>privacy, robustness,<br>explainability, accuracy,<br>transparency, and<br>accountability. |
|
||||
|
||||
[SOCIETAL IMPACTS OF AI](https://csteachers.org/ai-priorities/#tab-societalimpactsofai)
|
||||
|
||||
Societal Impacts of AI Prioritized Learning Outcomes
|
||||
|
||||
| **Subtopic** | **Grades K-2** | **Grades 3-5** | **Grades 6-8** | **Grades 9-12** |
|
||||
| --- | --- | --- | --- | --- |
|
||||
| **Individual Impacts** | Identify where<br>AI is being used<br>in daily life. | Explore how<br>one’s actions may<br>result in the<br>collection of data. | Explore the tradeoffs<br>related to human<br>agency (including<br>privacy, safety,<br>creativity, autonomy,<br>and intellectual<br>property) when<br>AI is used. | Evaluate how AI use<br>impacts an individual’s<br>decision making and<br>other behavior. |
|
||||
| **Societal Impacts** | Explore how some<br>people use AI in their<br>jobs and in their<br>communities. | Explore ways in<br>which some jobs<br>involve the creation<br>and/or use of AI. | Identify the intended<br>and unintended<br>impacts of AI on<br>society — including<br>government, education,<br>entertainment, culture,<br>careers, and national<br>security — while<br>considering how<br>these impacts may<br>differ among diverse<br>communities. | Evaluate the intended<br>and unintended<br>impacts of AI on society<br>(e.g., deep fakes, job<br>loss) — including<br>government, education,<br>entertainment, culture,<br>careers, and national<br>security — while<br>considering how<br>these impacts may<br>differ among diverse<br>communities. |
|
||||
| **Environmental**<br>**Impacts** | N/A | Explore the<br>impact of AI on<br>the environment. | Investigate the<br>positive and negative<br>environmental impacts<br>of AI (e.g., minimizing<br>deforestation via<br>application of AI,<br>energy use by AI). | Design ways to<br>minimize negative<br>environmental impacts<br>of AI and communicate<br>those ways to others. |
|
||||
|
||||
> Given the wide scope of computer science and already full curriculum, the project team emphasized the need to define levels of priority. As a result, **rows within each table are highlighted in light green** to indicate the most important of the foundational AI content. This determination was made based on artifacts of the convening and detailed feedback during the review process for this report. Prioritized content (i.e., highlighted rows) across all five categories is compiled into a singular table in Appendix F.
|
||||
|
||||
## Promising Practices for Teaching AI
|
||||
|
||||
To meet the project’s goal of sharing promising practices across the AI and CS education communities, the convening featured brief presentations from participants that highlighted their work in this field.
|
||||
|
||||
|
||||
|
||||
Based on these presentations, we offer the following recommendations for AI curriculum:
|
||||
|
||||
### BEGIN IN EARLY ELEMENTARY SCHOOLS
|
||||
|
||||
While studying some aspects of AI requires advanced mathematics, many aspects do not. Even the youngest elementary school students can learn – ideally from engaging, hands-on experiences – that, for example, a decision tree can be used to show the process by which decisions are made. This type of learning creates a foundation that permits older students to study more advanced topics.
|
||||
|
||||
### USE SUPPORTIVE TOOLS
|
||||
|
||||
We note that more tools need to be developed to support AI education. However, extant tools can help make complex topics accessible to students, and they can also provide interactive learning experiences that do not require programming to implement. For example, middle school students can train classifiers using Google’s [Teachable Machine](https://teachablemachine.withgoogle.com/faq) and [MIT RAISE Playground](https://playground.raise.mit.edu/), and high school students can experiment with neural networks using [Neuron Sandbox](https://www.cs.cmu.edu/~dst/NeuronSandbox) or [TensorFlow Playground](https://playground.tensorflow.org/#activation=tanh&batchSize=10&dataset=circle®Dataset=reg-plane&learningRate=0.03®ularizationRate=0&noise=0&networkShape=4,2&seed=0.94439&showTestData=false&discretize=false&percTrainData=50&x=true&y=true&xTimesY=false&xSquared=false&ySquared=false&cosX=false&sinX=false&cosY=false&sinY=false&collectStats=false&problem=classification&initZero=false&hideText=false).
|
||||
|
||||
### PREPARE STUDENTS TO BE CRITICAL CONSUMERS, RESPONSIBLE CREATORS, AND INFORMED CITIZENS
|
||||
|
||||
It is important to avoid the tendency to think of AI education as primarily preparing those who will work as AI specialists. Only a vanishingly small portion of all students will pursue that career path. On the other hand, all students – regardless of career choice – will need to be critical consumers of AI as they determine whether, for example, they believe that the benefits of using an AI tool outweigh its environmental cost or whether the potential for historical biases in the tool’s training data imply that the tool’s output should not be trusted. Similarly, as citizens, they will benefit from developing well-informed and thoughtful positions about topics such as the advisability of regulating AI.
|
||||
|
||||
\*Additional examples can be found in the report.
|
||||
|
||||
## Resources
|
||||
|
||||
|
||||
|
||||
[Glossary (Appendix E)](https://csteachers.org/wp-content/uploads/2025/07/Glossary-Appendix-E.pdf)
|
||||
|
||||
This resource is a glossary of key AI-related terms and definitions based on the AI4K12 glossary.
|
||||
|
||||
|
||||
|
||||
CSTA Membership
|
||||
|
||||
[Join](https://csteachers.org/join/)
|
||||
|
||||
|
||||
|
||||
[AI4K12 Guidelines](https://ai4k12.org/)
|
||||
|
||||
The guidelines serve as a framework to assist standards writers and curricula developers on AI concepts, essential knowledge, and skills by grade band.
|
||||
|
||||
|
||||
|
||||
CSTA Membership
|
||||
|
||||
[Join](https://csteachers.org/join/)
|
||||
|
||||
|
||||
|
||||
[Heatmaps](https://docs.google.com/spreadsheets/d/1wb-84wb3r-tzQc1pR9zffyQ8SMop9UFnLBvaioGRbwE/edit?usp=sharing)
|
||||
|
||||
The heatmaps represent an analysis of coverage of the AI4K12 Guidelines by a set of AI curricula.
|
||||
|
||||
|
||||
|
||||
CSTA Membership
|
||||
|
||||
[Join](https://csteachers.org/join/)
|
||||
|
||||
|
||||
|
||||
[TeachAI Briefs](https://www.teachai.org/cs)
|
||||
|
||||
The Future of CS in an Age of AI briefs address critical questions related to the role of AI in primary and secondary computer science (CS) education.
|
||||
|
||||
|
||||
|
||||
CSTA Membership
|
||||
|
||||
[Join](https://csteachers.org/join/)
|
||||
|
||||
|
||||
|
||||
[Reimagining CS Pathways – AI specialty area](https://reimaginingcs.org/pathways/artificial-intelligence/)
|
||||
|
||||
An outcome of the Reimagining CS Pathways project included defining AI content beyond a foundational CS learning experience to inform the development of a high school AI pathway.
|
||||
|
||||
|
||||
|
||||
CSTA Membership
|
||||
|
||||
[Join](https://csteachers.org/join/)
|
||||
|
||||
|
||||
|
||||
[Prioritized Foundational K-12 AI Learning Outcomes](https://csteachers.org/wp-content/uploads/2025/07/Prioritized-Foundational-K-12-AI-Learning-Outcomes-Appendix-F.pdf)
|
||||
|
||||
This resource includes the most essential AI content for all K-12 students.
|
||||
|
||||
|
||||
|
||||
CSTA Membership
|
||||
|
||||
[Login/Join](https://csteachers.org/resources-library/ai-learning-priorities-for-all-k-12-students/)
|
||||
|
||||
**SUGGESTED CITATION**
|
||||
|
||||
CSTA & AI4K12 (2025). AI Learning Priorities for All K-12 Students. New York, NY: Computer Science Teachers Association.
|
||||
|
||||
Retrieved from https://csteachers.org/ai-priorities.
|
||||
|
||||
This work is licensed under CC BY-NC-SA 4.0.
|
||||
|
||||
**REFERENCES**
|
||||
|
||||
Berthelot, A., Caron, E., Jay, M., & Lefèvre, L. (2024). Estimating the environmental impact of Generative-AI services using an LCA-based methodology. Procedia CIRP, 122, 707–712.
|
||||
|
||||
Lucchi, N. (2024). ChatGPT: A Case Study on Copyright Challenges for Generative Artificial Intelligence Systems. European Journal of Risk Regulation, 15(3), 602–624.
|
||||
|
||||
Gmyrek, P., Berg, J., & Bescond, D. (2023). Generative AI and jobs: A global analysis of potential effects on job quantity and quality. International Labour Organization.
|
||||
|
||||
CSTA, IACE, ACM, Code.org, College Board, CSforALL, & ECEP Alliance. (2024). Reimagining CS Pathways: Every student prepared for a world powered by computing.
|
||||
|
||||
TeachAI & CSTA. (2024). Guidance on the Future of Computer Science Education in an Age of AI. CSTA & Kapor Foundation. (2025) \[Forthcoming\]. Landscape Study of PreK-12 CS Teachers in the United States.
|
||||
|
||||
[Join CSTA](https://csteachers.org/join/)
|
||||
|
||||
Notifications
|
||||
534
.firecrawl/k12-ai-research/etsy-ai-bundle.md
Normal file
534
.firecrawl/k12-ai-research/etsy-ai-bundle.md
Normal file
|
|
@ -0,0 +1,534 @@
|
|||
- [Homepage](https://www.etsy.com/?ref=catnav_breadcrumb-home)
|
||||
- [Toys & Games](https://www.etsy.com/c/toys-and-games?explicit=1&ref=catnav_breadcrumb-0)
|
||||
- [Toys](https://www.etsy.com/c/toys-and-games/toys?explicit=1&ref=catnav_breadcrumb-1)
|
||||
- [Learning & School](https://www.etsy.com/c/toys-and-games/toys/learning-and-school?explicit=1&ref=catnav_breadcrumb-2)
|
||||
|
||||
|
||||
Add to Favorites
|
||||
|
||||
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
|
||||
[Report this item to Etsy](https://www.etsy.com/signin?from_page=https%3A%2F%2Fwww.etsy.com%2Flisting%2F4299967186%2Fai-for-kids-workbook-bundle-stem-chatgpt%23report-overlay-trigger)
|
||||
|
||||
Price:$8.99
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
# AI for Kids Workbook Bundle: STEM & ChatGPT Learning (Digital Download)
|
||||
|
||||
[CuriosityPrintables](https://www.etsy.com/shop/CuriosityPrintables?ref=shop-header-name&listing_id=4299967186&from_page=listing)
|
||||
|
||||
Includes Etsy Purchase Protection
|
||||
|
||||
Etsy Purchase Protection
|
||||
|
||||
|
||||
If something goes wrong with your order, you'll get a full refund.
|
||||
|
||||
Here's what's eligible:
|
||||
|
||||
- Your order doesn't match the item description or photos
|
||||
- Your item arrived damaged
|
||||
- Your item arrived after the estimated arrival window
|
||||
- Your item didn't arrive or was lost in the mail
|
||||
|
||||
[View program terms](https://www.etsy.com/etsy-purchase-protection)
|
||||
|
||||
You can only make an offer when buying a single item
|
||||
|
||||
|
||||
Add to cart
|
||||
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
## Item details
|
||||
|
||||
### Highlights
|
||||
|
||||
Designed by [CuriosityPrintables](https://www.etsy.com/shop/CuriosityPrintables)
|
||||
|
||||
- Digital download
|
||||
|
||||
|
||||
- Digital file type(s): 2 PDF
|
||||
|
||||
|
||||
|
||||
Unlock a deeper dive into AI with the Volumes 1 + 2 Bundle!
|
||||
|
||||
Volume 1: “What is AI?” and “What is ChatGPT?” with fun matching, drawing, and Q&A activities
|
||||
|
||||
Volume 2: “How AI Learns,” “Everyday AI Helpers,” and ethical thinking prompts
|
||||
|
||||
Give your kids a head start in the world of AI with this fun, beginner-friendly bundle! Perfect for ages 6–10, this 2-volume digital workbook set is designed to introduce artificial intelligence concepts in a non-overwhelming setting, is easy to understand, interactive, and exciting for young learners.
|
||||
|
||||
Whether you're a homeschooling parent, a tech-savvy caregiver, or an educator looking to add a modern twist to your lessons, this printable bundle is your go-to guide for teaching AI, the kid-friendly way.
|
||||
|
||||
✅ What's Included:
|
||||
|
||||
Volume 1: Getting to Know AI
|
||||
|
||||
What is AI?
|
||||
|
||||
Real-world examples
|
||||
|
||||
Hands-on writing prompts & quizzes
|
||||
|
||||
Top Free AI Tools for Kids & Families
|
||||
|
||||
Fun, interactive exercises
|
||||
|
||||
Fun Chat GPT Questions to ask AI
|
||||
|
||||
Volume 2: AI in Action
|
||||
|
||||
How AI Learns & where it exists in our world
|
||||
|
||||
Design your own AI
|
||||
|
||||
Ethical questions + critical thinking
|
||||
|
||||
Mini projects & real-life applications
|
||||
|
||||
Interactive challenges + more!
|
||||
|
||||
💡 Perfect For:
|
||||
|
||||
Homeschool families
|
||||
|
||||
After-school enrichment
|
||||
|
||||
STEM learning
|
||||
|
||||
Tech-focused parenting
|
||||
|
||||
Screen-free, printable activities
|
||||
|
||||
🖨️ What You’ll Get:
|
||||
|
||||
2 high-quality PDF digital downloads
|
||||
|
||||
Ready-to-print pages for instant use
|
||||
|
||||
Lifetime access – print and reuse as needed!
|
||||
|
||||
Parent guide and reflection pages included
|
||||
|
||||
✨ Help your child understand the technology shaping their future – one fun worksheet at a time!
|
||||
|
||||
Add to cart now and start learning today!
|
||||
|
||||
|
||||
## Delivery
|
||||
|
||||
Instant Download
|
||||
|
||||
Your files will be available to download once payment is confirmed.
|
||||
[Here's how.](https://www.etsy.com/help/article/3949)
|
||||
|
||||
Instant download items don’t accept returns, exchanges or cancellations. Please contact the seller about any problems with your order.
|
||||
|
||||
## Did you know?
|
||||
|
||||
**Etsy Purchase Protection**
|
||||
|
||||
Shop confidently on Etsy knowing if something goes wrong with an order, we've got your back for all eligible purchases —
|
||||
[see program terms](https://www.etsy.com/etsy-purchase-protection)
|
||||
|
||||
## Meet your sellers
|
||||
|
||||
|
||||
|
||||
Nicole
|
||||
|
||||
Owner of [CuriosityPrintables](https://www.etsy.com/shop/CuriosityPrintables?ref=l2-about-shopname&from_page=listing)
|
||||
|
||||
[Following\\
|
||||
\\
|
||||
Follow shop](https://www.etsy.com/signin?workflow=ZmF2b3JpdGVfdXNlcl9pZDoxMDgwMzUxNzMzOjE3NzQ1OTMxMTk6N2Y2YjFkNWIzN2YwMmE3NTM1ZGNiOTkyODhlYjA5NjA%3D&use_follow_text=1&from_page=https%3A%2F%2Fwww.etsy.com%2Flisting%2F4299967186%2Fai-for-kids-workbook-bundle-stem-chatgpt)
|
||||
|
||||
[Message Nicole](https://www.etsy.com/messages/new?with_id=1080351733&referring_id=4299967186&referring_type=listing&recipient_id=1080351733&from_action=contact-seller)
|
||||
|
||||
[CuriosityPrintables](https://www.etsy.com/shop/CuriosityPrintables?ref=shop_profile&listing_id=4299967186)
|
||||
|
||||
[Owned by Nicole](https://www.etsy.com/shop/CuriosityPrintables?ref=shop_profile&listing_id=4299967186) \|
|
||||
|
||||
United States
|
||||
|
||||
No reviews yet
|
||||
|
||||
1 sale
|
||||
|
||||
11 months on Etsy
|
||||
|
||||
[Message seller](https://www.etsy.com/messages/new?with_id=1080351733&referring_id=4299967186&referring_type=listing&recipient_id=1080351733&from_action=contact-seller)
|
||||
|
||||
[Following\\
|
||||
\\
|
||||
Follow shop](https://www.etsy.com/signin?workflow=ZmF2b3JpdGVfdXNlcl9pZDoxMDgwMzUxNzMzOjE3NzQ1OTMxMTk6N2Y2YjFkNWIzN2YwMmE3NTM1ZGNiOTkyODhlYjA5NjA%3D&use_follow_text=1&from_page=https%3A%2F%2Fwww.etsy.com%2Flisting%2F4299967186%2Fai-for-kids-workbook-bundle-stem-chatgpt)
|
||||
|
||||
Loading recommendations
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
- Loading
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
- Loading
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
- Loading
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
- Loading
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
**Disclaimer:** As with all children's products, adult supervision is required. Products that contain small parts may pose a choking hazard and should not be used by children under 3. Sellers are responsible for following applicable laws and regulations, including posting items with accurate labeling and warnings. Etsy assumes no responsibility for the accuracy, labeling, or content of sellers' listings and products. Always read labels, warnings, directions and other information provided with the product before using it. If you have any questions, message the seller. See Etsy's [Terms of Use](https://www.etsy.com/legal/terms-of-use/?ref=product_safety_banner_info_child_toys_risk) for more information.
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading...
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
Listed on Jan 17, 2026
|
||||
|
||||
|
||||
[7 favorites](https://www.etsy.com/listing/4299967186/ai-for-kids-workbook-bundle-stem-chatgpt/favoriters?ref=l2-collection-count)
|
||||
|
||||
[Homepage](https://www.etsy.com/?ref=breadcrumb_listing) [Toys & Games](https://www.etsy.com/c/toys-and-games?explicit=1&ref=breadcrumb_listing) [Toys](https://www.etsy.com/c/toys-and-games/toys?explicit=1&ref=breadcrumb_listing) [Learning & School](https://www.etsy.com/c/toys-and-games/toys/learning-and-school?explicit=1&ref=breadcrumb_listing)
|
||||
|
||||
Loading
|
||||
|
||||
|
||||
There was a problem loading the content
|
||||
|
||||
|
||||
Try again
|
||||
|
||||
# Your Etsy Privacy Settings
|
||||
|
||||
In order to give you the best experience, we use cookies and similar technologies for performance, analytics, personalization, advertising, and to help our site function. Want to know more? Read our [Cookie Policy](https://www.etsy.com/legal/cookies-and-tracking-technologies). You can change your preferences any time in your Privacy Settings.
|
||||
|
||||
Update settings
|
||||
|
||||
|
||||
Essential Cookies Only
|
||||
|
||||
Accept All Cookies
|
||||
|
||||
### Privacy Settings
|
||||
|
||||
Etsy uses cookies and similar technologies to give you a better experience, enabling things like:
|
||||
|
||||
- basic site functions
|
||||
- ensuring secure, safe transactions
|
||||
- secure account login
|
||||
- remembering account, browser, and regional preferences
|
||||
- remembering privacy and security settings
|
||||
- analysing site traffic and usage
|
||||
- personalized search, content, and recommendations
|
||||
- helping sellers understand their audience
|
||||
- showing relevant, targeted ads on and off Etsy
|
||||
|
||||
Detailed information can be found in Etsy’s [Cookies & Similar Technologies Policy](https://www.etsy.com/legal/cookies-and-tracking-technologies) and our [Privacy Policy](https://www.etsy.com/legal/privacy).
|
||||
|
||||
## Required Cookies & Technologies
|
||||
|
||||
Some of the technologies we use are necessary for critical functions like security and site integrity, account authentication, security and privacy preferences, internal site usage and maintenance data, and to make the site work correctly for browsing and transactions.
|
||||
|
||||
Always on
|
||||
|
||||
## Site Customization
|
||||
|
||||
Cookies and similar technologies are used to improve your experience, to do things like:
|
||||
|
||||
- remember your login, general, and regional preferences
|
||||
- personalize content, search, recommendations, and offers
|
||||
|
||||
Without these technologies, things like personalized recommendations, your account preferences, or localisation may not work correctly. Find out more in our [Cookies & Similar Technologies Policy.](https://www.etsy.com/legal/cookies-and-tracking-technologies)
|
||||
|
||||
On
|
||||
|
||||
|
||||
## Personalized Advertising
|
||||
|
||||
To enable personalized advertising (like interest-based ads), we may share your data with our marketing and advertising partners using cookies and other technologies. Those partners may have their own information they’ve collected about you. Turning off the personalized advertising setting won’t stop you from seeing Etsy ads, but it may make the ads you see less relevant or more repetitive.
|
||||
|
||||
Personalized advertising may be considered a “sale” or “sharing” of information under California and other state privacy laws, and you may have a right to opt out. Turning off personalized advertising allows you to exercise your right to opt out. Learn more in our [Privacy Policy.](https://www.etsy.com/legal/privacy/), [Help Center](https://help.etsy.com/hc/en-us/articles/360042433614-How-to-Opt-out-of-Personalized-Advertising), and [Cookies & Similar Technologies Policy](https://www.etsy.com/legal/cookies).
|
||||
|
||||
Off
|
||||
|
||||
|
||||
Saved
|
||||
|
||||
Done
|
||||
|
||||
## What’s wrong with this listing?
|
||||
|
||||
### Add more details
|
||||
|
||||
### Share more specifics to help us review this item and protect our marketplace.
|
||||
|
||||
Choose a reason…There’s a problem with my orderIt uses my intellectual property without permissionI don’t think it meets Etsy’s policiesChoose a reason…
|
||||
|
||||
The first thing you should do is contact the seller directly.
|
||||
|
||||
If you’ve already done that, your item hasn’t arrived, or it’s not as described, you can report that to Etsy by opening a case.
|
||||
|
||||
[Report a problem with an order](https://www.etsy.com/help/article/5307)
|
||||
|
||||
We take intellectual property concerns very seriously, but many of these problems can be resolved directly by the parties involved. We suggest contacting the seller directly to respectfully share your concerns.
|
||||
|
||||
If you’d like to file an allegation of infringement, you’ll need to follow the process described in our [Copyright and Intellectual Property Policy](https://www.etsy.com/legal/ip).
|
||||
|
||||
[Review how we define handmade, vintage and supplies](https://www.etsy.com/legal/sellers#allowed)
|
||||
|
||||
[See a list of prohibited items and materials](https://www.etsy.com/legal/prohibited)
|
||||
|
||||
[Read our mature content policy](https://www.etsy.com/legal/policy/listing-mature-content-correctly/242665462117)
|
||||
|
||||
Tell us why you're reporting this item
|
||||
|
||||
It's not handmade, vintage, or craft supplies
|
||||
|
||||
It's pornographic
|
||||
|
||||
It's hate speech or harassment
|
||||
|
||||
It's a threat to minor safety
|
||||
|
||||
It promotes violence or self-harm
|
||||
|
||||
It's dangerous or hazardous
|
||||
|
||||
It's violating a specific law or regulation
|
||||
|
||||
It violates a policy that's not listed here
|
||||
|
||||
Please choose a reason
|
||||
|
||||
Include anything else we should know about this item
|
||||
|
||||
Make sure to add more details.
|
||||
|
||||
|
||||
Add more details, including a law or regulation name (10 characters min).
|
||||
|
||||
|
||||
By submitting this report, you confirm the information and claims in this form are accurate.
|
||||
|
||||
|
||||
Go back
|
||||
|
||||
|
||||
Next
|
||||
|
||||
Submit report
|
||||
|
||||
|
||||
Click to zoom
|
||||
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
- 
|
||||
1
.firecrawl/k12-ai-research/etsy-ai-literacy.json
Normal file
1
.firecrawl/k12-ai-research/etsy-ai-literacy.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.etsy.com/listing/1775977592/kids-ai-lesson-worksheet-for-elementary","title":"Kids AI Lesson Worksheet for Elementary Students - Etsy","description":"Kids AI Lesson Worksheet for Elementary Students- Fun & Engaging Activities to Introduce Artificial Intelligence Concepts to Young Learners","position":1},{"url":"https://www.etsy.com/ie/listing/4299967186/ai-for-kids-bundle-digital-learning","title":"AI for Kids Workbook Bundle: STEM & Chatgpt Learning (digital ...","description":"AI Basics for Kids – Introduction to Artificial Intelligence | Ages 9–13 | Printable Workbook | Homeschool & Classroom. €7.59. Digital Download ...","position":2},{"url":"https://www.etsy.com/market/teach_ai_to_kids","title":"Teach Ai to Kids - Etsy","description":"Kids AI Lesson Worksheet for Elementary Students- Fun & Engaging Activities to Introduce Artificial Intelligence Concepts to Young Learners. $3.00. Digital ...","position":3},{"url":"https://www.etsy.com/listing/4299902154/ai-for-kids-workbook-stem-learning-ages","title":"AI for Kids Workbook: STEM Learning, Ages 6-10 (digital PDF) - Etsy","description":"This printable digital workbook (Volume 2 in the series) introduces kids ages 6–10 to the basics of how AI learns, thinks, and helps us in everyday life. With ...","position":4},{"url":"https://www.etsy.com/listing/4299967186/ai-for-kids-workbook-bundle-stem-chatgpt","title":"AI for Kids Workbook Bundle: STEM & Chatgpt Learning ... - Etsy","description":"Unlock a deeper dive into AI with the Volumes 1 + 2 Bundle! Volume 1: “What is AI?” and “What is ChatGPT?” with fun matching, drawing, and Q&A activities","position":5},{"url":"https://www.etsy.com/listing/4305343139/artificial-intelligence-ai-reading-and","title":"Artificial Intelligence (AI) Reading and Activities Bundle - Etsy","description":"Artificial Intelligence (AI) Reading and Activities Bundle – Worksheets, Slides & Creative Project. LitLessonsStudio.","position":6},{"url":"https://www.youtube.com/watch?v=XOdxcbEw-Aw","title":"How To Create Printable Worksheets and Coloring Pages Using ...","description":"Make Printables Fast with Copy Paste ChatGPT Prompts. Classroom, Seasonal, Kids Animals, Copy Paste Prompts to Printables, Make Classroom ...","position":7},{"url":"https://www.etsy.com/market/digital_products_for_learning_english","title":"Digital Products for Learning English - Etsy","description":"Check out our digital products for learning english selection for the very best in unique or custom, handmade pieces from our learning & school shops.","position":8},{"url":"https://www.youtube.com/watch?v=KjWaP54Yw0E","title":"Printables with Low Competition on Etsy - YouTube","description":"Are you looking to turn your creativity into a thriving online business? If you're passionate about creating kids' printables, ...","position":9},{"url":"https://www.teacherspayteachers.com/browse/student-practice/worksheets/middle-school/free?search=artificial%20intelligence","title":"Artificial Intelligence - TPT","description":"... AI—perfect for building digital literacy and sparking classroom discussion. What's Included:Clear, age-appropriate reading passageComprehe.","position":10}]}}
|
||||
347
.firecrawl/k12-ai-research/etsy-image-specs.md
Normal file
347
.firecrawl/k12-ai-research/etsy-image-specs.md
Normal file
|
|
@ -0,0 +1,347 @@
|
|||
Budgets tight for 2026? Increase your creative output by 30% without increasing budget. [Talk to an expert](https://soona.co/contact-sales)
|
||||
|
||||
[](https://soona.co/)
|
||||
|
||||
[Get started](https://book.soona.co/#/book?account_creation_source=booking) [Sign in](https://book.soona.co/users/sign_in#/?account_creation_source=sign_in)
|
||||
|
||||
# The Ultimate Guide to Etsy Specs in 2026: Image and Video Requirements
|
||||
|
||||
Discover the ultimate Etsy photo size guide to optimize your product listings. Our comprehensive spec guide covers dimensions, aspect ratios, file formats, and
|
||||
|
||||
|
||||
|
||||
Claire Oswald
|
||||
|
||||
product marketing manager
|
||||
|
||||
January 7, 2026
|
||||
|
||||
-
|
||||
|
||||
11
|
||||
|
||||
min
|
||||
|
||||
|
||||
|
||||
We all know the saying: a picture speaks a thousand words. And this is never more true than when it comes to [ecommerce](https://soona.co/product-photography/ecommerce-photography) and [selling on marketplaces like Etsy](https://soona.co/product-photography/ecommerce-photography). In fact, according to [Etsy](https://www.etsy.com/seller-handbook/article/why-product-photography-is-important/147451496051), quality product photography is the most influential factor in consumers’ purchase decision, surpassing product cost, shipping cost, and reviews.
|
||||
|
||||
To stand out from the noise, and make your voice heard, your product images are of utmost importance.
|
||||
|
||||
With [nearly 7.5 million active sellers](https://www.statista.com/statistics/409374/etsy-active-sellers/#:~:text=In%202022%2C%20about%207.47%20million,million%20active%20Etsy%20buyers%20worldwide.) on Etsy, getting customers to stop scrolling is key. And even if you have the most amazing product photos to post on your listings, if they’re not compatible with [Etsy photo](https://www.statista.com/statistics/409374/etsy-active-sellers/#:~:text=In%202022%2C%20about%207.47%20million,million%20active%20Etsy%20buyers%20worldwide.) size requirements, no one will get a chance to see them.
|
||||
|
||||
In this post, get a comprehensive guide to Etsy listing photo size and other image requirements.
|
||||
|
||||
## Etsy photo basics
|
||||
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Size:** 2000 pixels for the shortest side
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
Before we jump into the juicy stuff, let’s quickly cover some of the basics. As far as universal truths go, Etsy only accepts .jpg, .gif, and .png files, so ensure your product photos are in one of these formats. Animated .gif and transparent .png files aren’t accepted. It will also automatically convert all files to sRGB color mode, so you’ll want to adjust on your end first for best results.
|
||||
|
||||
.avif)
|
||||
|
||||
**Sell More on Etsy with Studio-Quality Photos**
|
||||
|
||||
✔️
|
||||
|
||||
**5 Photos**
|
||||
|
||||
✔️
|
||||
|
||||
**1 hand model**
|
||||
|
||||
|
||||
|
||||
[Book the Etsy Starter Pack](https://soona.co/packs/etsy-photography-pack)
|
||||
|
||||
## Etsy image size guidelines for 2025
|
||||
|
||||
It's important to note that each type of image has its own specific size requirements. So, to make it easier for you to find the info you need, here’s a handy chart and then we’ll go through each size requirement for Etsy product listings down below.
|
||||
|
||||
graphic
|
||||
|
||||
size
|
||||
|
||||
cover
|
||||
|
||||
3,360 x 840 px
|
||||
|
||||
profile photo
|
||||
|
||||
400 x 400 px
|
||||
|
||||
shop icon
|
||||
|
||||
500 x 500 px
|
||||
|
||||
shop banner
|
||||
|
||||
760 x 100 px
|
||||
|
||||
thumbnail
|
||||
|
||||
2000 x 2000 px
|
||||
|
||||
team logo
|
||||
|
||||
170 x 100 px
|
||||
|
||||
item listing
|
||||
|
||||
2000 x 2000 px (Minimum)
|
||||
|
||||
order receipt banner
|
||||
|
||||
760 x 100 px
|
||||
|
||||
mini shop banner
|
||||
|
||||
1600 x 213 px
|
||||
|
||||
big shop banner
|
||||
|
||||
1600 x 400 pixel
|
||||
|
||||
carousel banner
|
||||
|
||||
1200 x 300 pixel
|
||||
|
||||
collage banner
|
||||
|
||||
600 x 300 pixel (two images); 400 x 300 pixel (three images); 300 x 300 pixel (four images);
|
||||
|
||||
Detailed [specs](https://help.etsy.com/hc/en-us/articles/115015663347-Requirements-and-Best-Practices-for-Images-in-Your-Etsy-Shop) for each type of Etsy image are as follows:
|
||||
|
||||
### Listing images
|
||||
|
||||
- **Size:** at least 2000 pixels on the shortest side; 3000 x 2250 pixels recommended
|
||||
- **Number of images:** up to 10; at least 5 recommended
|
||||
- **Aspect ratio:** 4:3 recommended
|
||||
- **Orientation:** landscape or square for the first image; recommend using the same orientation for all listing images
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
Your [listing images](https://help.etsy.com/hc/en-us/articles/115015663347-Requirements-and-Best-Practices-for-Images-in-Your-Etsy-Shop?segment=selling) are extremely important. To ensure a clear, up-close look, use a listing photo that's at least 2000 pixels on the shortest side. This way, when shoppers click the zoom button, the enlarged image will be crystal clear.
|
||||
|
||||
Remember, first impressions matter! To set the tone for your product listing, use a photo at least 3000 pixels wide and 2250 pixels tall, in landscape or square orientation. This is the photo shoppers will see when they search for products. It’s also best practice to choose an image that showcases as much as the product or its best feature as much as possible.
|
||||
|
||||
Using a landscape or square format will help create a nice cropped thumbnail image that appears in the search results, making it easier to spot. Etsy recommends using the same size and orientation photos for all your listings for a smooth shopping experience.
|
||||
|
||||
|
||||
|
||||
You can upload up to 10 listing images. Many successful listings have at least five photos, each providing shoppers with additional information about the product. Try photographing the product at different angles, or showcasing features that might not be captured all in one shot, such as the inside of a bag or the bottom of a shoe.
|
||||
|
||||
### Shop icon
|
||||
|
||||
- **Recommended size:** 500 x 500 pixels
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
Your [shop icon](https://help.etsy.com/hc/en-us/articles/115015663247-How-to-Manage-Your-Shop-Photos-and-Banners?segment=selling) is essentially a logo for your Etsy store. It’s a small graphic that’s used across different areas of your shop to help build brand awareness and offer an instant way for shoppers to visually identify the merchant.
|
||||
|
||||
Use a shop icon that reflects your brand and looks good whether rendering large or small. That means keep backgrounds clean, graphics and illustrations simple, and text short and easy to read.
|
||||
|
||||
### Bio and profile photo
|
||||
|
||||
- **Min size:** 400 x 400 pixels; 500 x 500 pixels recommended
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
- **Orientation:** square
|
||||
|
||||
Your [Etsy profile photo](https://help.etsy.com/hc/en-us/articles/115015651948) is essentially an image of yourself, the shop owner. Etsy is a more personal marketplace, and many shoppers like to know _who_ they’re supporting, and who is physically making the products.
|
||||
|
||||
You can’t actually delete your Etsy profile photo, but you can replace it with a new one at any time. Choose a clear, well-lit headshot or close-up of your face—nothing shot at a distance.
|
||||
|
||||
### Team logo
|
||||
|
||||
- **Recommended size:** 170 x 100 pixels
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
- **Orientation:** square
|
||||
|
||||
### Order receipt banner
|
||||
|
||||
- **Min size:** 760 x 100 pixels
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
The [order receipt banner](https://help.etsy.com/hc/en-us/articles/115015663247-How-to-Manage-Your-Shop-Photos-and-Banners?segment=selling) appears—you guessed it!—at the top of order receipts. It’s a great place to reinforce your brand’s visual identity.
|
||||
|
||||
### Shop banner
|
||||
|
||||
The minimum required size for mini shop banners is
|
||||
|
||||
- **Mini shop banner min size:** 1200 x 160 pixels; 1600 x 213 pixels recommended
|
||||
- **Big shop banner min size:** 1200 x 300 pixels; 1600 x 400 pixels recommended
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
You can choose from one of two types of shop banners: a mini shop banner or a big shop banner. Mini shop banners work if you want to prioritize the focus on your shop icon and listings. Big shop banners are great for big, bold visuals or timely promotions.
|
||||
|
||||
### Carousel banner
|
||||
|
||||
- **Recommended size:** 1200 x 300 pixels
|
||||
- **Number of images:** up to 4
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
Carousel banners are only available to Etsy Plus subscribers. They cycle through up to four different images. This is great if you want to feature a range of products or promotions, especially because you can link each one to a unique URL.
|
||||
|
||||
### Collage banner
|
||||
|
||||
- **Number of images:** up to 4
|
||||
- **File type:** JPG, GIF, or PNG
|
||||
- **Color mode:** sRGB
|
||||
- **Resolution:** 72PPI
|
||||
- **File size:** less than 1 MB for faster uploading
|
||||
|
||||
Collage banners are only available to sellers subscribed to Etsy Plus. The minimum required image size for Etsy collage banners changes depending on how many images you feature in the collage:
|
||||
|
||||
- **2 images**: 600 x 300 pixels
|
||||
- **3 images**: 400 x 300 pixels
|
||||
- **4 images**: 300 x 300 pixels
|
||||
|
||||
### Thumbnails
|
||||
|
||||
- These are now auto-generated by Etsy, it will make a square crop of your image.
|
||||
|
||||
No matter how incredible your image gallery is, if your thumbnail image isn’t up to scratch, you won’t get the clicks you need to make the sale. So it’s super important you get the thumbnail just right!
|
||||
|
||||
When your listings first appear, they show as small thumbnails, only made into a larger gallery once clicked. The first photo in your listing becomes the thumbnail for that particular listing. It’s the image potential buyers will see when they come across your shop's homepage, search results, and other sections of Etsy.
|
||||
|
||||
### Videos
|
||||
|
||||
- **Length:** 5–15 seconds
|
||||
- **Resolution:** at least 1080 pixels
|
||||
- **Number of videos:** 1 per listing
|
||||
|
||||
Etsy also allows for the use of [video](https://help.etsy.com/hc/en-us/articles/360053206073-How-to-Add-a-Listing-Video?segment=selling). [Product videos](https://soona.co/blog/ecommerce-product-videos) can complement the story your photos tell. Videos are a great way to add some action to capture shoppers’ attention!
|
||||
|
||||
You can include audio in your video but Etsy will remove it before publishing it live. So don’t worry if you don’t like the sound of your own voice or the dog started barking during the shoot.
|
||||
|
||||
## Resizing your images for Etsy
|
||||
|
||||
Once you know what Etsy image sizes you need, you can repurpose and resize the photos you already have and upload them accordingly. Don’t panic just yet—there’s no need for design experience here! To resize your images for your Etsy listings, there are many online sites you can use, ranging from drag-and-drop user-friendly platforms such as Canva, to advanced programs like Adobe Photoshop for the pros. Or you can take advantage of a free tool like our [soona image resizer](https://soona.co/image-resizer) 📏.
|
||||
|
||||
Sure, we’re biased, but we love our image resizer because it already knows all the specs for Etsy. And most other marketplaces and channels you’d want to sell, including Amazon, Facebook, and eBay.
|
||||
|
||||
Keep in mind that decreasing the size of an image won't affect its resolution, but if you increase the size, the resolution may decrease, causing pixelation. Also note that uploaded images may appear less clear from file compression.
|
||||
|
||||
.avif)
|
||||
|
||||
## How to take a perfect Etsy listing image photo
|
||||
|
||||
Now it’s time for the fun part! Taking photos for your Etsy listing doesn’t have to be complicated, but there are a few tips and tricks that you can follow to get the perfect shot, every time.
|
||||
|
||||
**Quick tips:**
|
||||
|
||||
- The first photo in your Etsy listing should be horizontal or square, so the main focus of the image is visible in the thumbnail. Using the same shape for all your listing photos will make your store look more consistent.
|
||||
- Etsy automatically rotates photos, but if your images are still sideways, try rotating them using a photo editor or by retaking the photo from a different angle.
|
||||
- Crop your images accurately using Etsy’s crop tool.
|
||||
- Take pictures of your item from further away than you think you’ll need.
|
||||
- Use the placement tool to make fine-tuning adjustments to your thumbnail.
|
||||
- Your final image will be cropped from the original, so make sure it was created at the highest resolution possible to meet the suggested minimum size for listing images.
|
||||
|
||||
## Add the wow factor to your Etsy listing pictures with soona
|
||||
|
||||
Looking to take your Etsy shop to the next level? Check out our [Etsy starter pack](https://soona.co/packs/etsy-photography-pack)! Starting at just $259, this expertly curated photo pack features beautiful content that’s been proven to drive conversions. Plus, with access to a network of 500+ models, including full-body, hand models, and even some adorable pets, you’re sure to find the perfect fit for your brand.
|
||||
|
||||
We make the photo shoot process easy and stress-free. Simply build your dream shot list and get scheduled for a shoot in less than 10 minutes. Your first product even ships to us for free!
|
||||
|
||||
Our virtual studio allows you to join from anywhere and bring your vision to life in real-time with our professional creative team. And with professionally edited assets ready for upload within 24 hours of purchase, you’ll be able to start using your new content in no time.
|
||||
|
||||
At [soona](https://www.soona.co/), we understand the unique needs of ecommerce brands and have designed our platform to meet those needs, or if you have something specific in mind, build a [custom shoot](https://book.soona.co/#/)!
|
||||
|
||||
## Etsy photo size FAQs
|
||||
|
||||
### What size should images be on Etsy?
|
||||
|
||||
Images on Etsy should be 2000 pixels for the shortest side and a file size of less than 1 MB for faster uploading. Get more Etsy image sizes in this post.
|
||||
|
||||
### What is the best image size for Etsy in 2026?
|
||||
|
||||
The best image size for Etsy in 2025 is 2000 pixels for the shortest side and a file size of less than 1 MB for faster uploading. Get more Etsy image sizes in this post.
|
||||
|
||||
### What size is an Etsy video in pixels?
|
||||
|
||||
An Etsy video is at least 1080 pixels in size. Get more Etsy video specs in this post.
|
||||
|
||||
### What is the best size for Etsy thumbnails?
|
||||
|
||||
The best size for Etsy thumbnails is 570 x 456 pixels and a file size of less than 1 MB for faster uploading. Get more Etsy image sizes in this post.
|
||||
|
||||
### How do I make my Etsy pictures fit?
|
||||
|
||||
Use an image resizing tool like the [soona image resizer](https://soona.co/image-resizer) to reformat and size Etsy pictures according to the marketplace’s guidelines as outlined in this post.
|
||||
|
||||
Creative at scale for brands with standards
|
||||
|
||||
soona is your all-in-one platform to make, manage, and optimize photo + video content for all your ecommerce channels.
|
||||
|
||||
[Talk to an expert](https://soona.co/contact-sales)
|
||||
|
||||
Slick and super easy to use
|
||||
|
||||
Quick turnaround, great quality images
|
||||
|
||||
🔥
|
||||
|
||||
Makes products POP
|
||||
|
||||
Builds confidence in your brand
|
||||
|
||||
💪
|
||||
|
||||
Convenient solution for photography needs
|
||||
|
||||
😊
|
||||
|
||||
Delivers on creative + customer service every step
|
||||
|
||||
Polished and beautiful online presence
|
||||
|
||||
Slick and super easy to use
|
||||
|
||||
Quick turnaround, great quality images
|
||||
|
||||
🔥
|
||||
|
||||
Makes products POP
|
||||
|
||||
Builds confidence in your brand
|
||||
|
||||
💪
|
||||
|
||||
Convenient solution for photography needs
|
||||
|
||||
😊
|
||||
|
||||
Delivers on creative + customer service every step
|
||||
|
||||
Polished and beautiful online presence
|
||||
|
||||
## “We got better quality and 2x as much content for half the cost of our $150K agency!”
|
||||
|
||||
Kate Eastman
|
||||
|
||||
Brand Director at Each & Every
|
||||
|
||||
[Talk to an expert](https://soona.co/contact-sales) [Get started](https://book.soona.co/#/book?account_creation_source=booking)
|
||||
1
.firecrawl/k12-ai-research/etsy-thumb-sizes.json
Normal file
1
.firecrawl/k12-ai-research/etsy-thumb-sizes.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://help.etsy.com/hc/en-us/articles/115015663347-Requirements-and-Best-Practices-for-Images-in-Your-Etsy-Shop","title":"Requirements and Best Practices for Images in Your Etsy Shop","description":"Your first listing photo should have a width and height of at least 635 pixels to avoid showing up lower in searches. You can usually find an image's dimensions ...","position":1},{"url":"https://www.youtube.com/watch?v=tEY6OGSRRNY","title":"How to Size Your Images for Etsy 2025 | Best Practices for Listing ...","description":"On Etsy, where millions of sellers are trying to stand out, your thumbnail image is key to getting your product noticed.","position":2},{"url":"https://www.youtube.com/watch?v=27Bqxkzo944","title":"2025 Etsy Image & Thumbnail Size in CANVA - YouTube","description":"FREE Etsy Ebook: Curious about selling printables on Etsy but don't know where to start? This FREE ebook will give you our secret list of ...","position":3},{"url":"https://soona.co/image-resizer/etsy-image-size-specs","title":"The Ultimate Guide to Etsy Specs in 2026: Image and Video ... - Soona","description":"To set the tone for your product listing, use a photo at least 3000 pixels wide and 2250 pixels tall, in landscape or square orientation. This is the photo ...","position":4},{"url":"https://www.youtube.com/watch?v=gN6uKl9KG8Q","title":"How to Size Your Images for Etsy 2026 - YouTube","description":"Etsy now shows your listing thumbnail in square, portrait, and landscape and your product can get cut off if it is not framed correctly.","position":5},{"url":"https://www.reddit.com/r/EtsySellers/comments/1oqzi53/what_ratio_are_we_using_for_our_photos_seeing_as/","title":"What ratio are we using for our photos, seeing as Etsy seems to be ...","description":"For Etsy photos, the best practice is to shoot and upload images in a 4:3 ratio or square (1:1). Etsy displays images in different crops ...","position":6},{"url":"https://www.photoroom.com/blog/perfect-your-etsy-listing-photo","title":"Etsy listing photo size guide 2025 and tips for optimization | Photoroom","description":"In this guide, I'll break down the right Etsy listing photo size, why sticking with image sizes matters, and how to optimize your images to maximize clicks and ...","position":7},{"url":"https://www.facebook.com/groups/461900375110734/posts/1250205642946866/","title":"What thumbnail photo size works best for Etsy? - Facebook","description":"Etsy recommends 570 x 456 for your thumbnail photo. Every time I use that size it is blurry. 2000X2000 work perfect for my thumbnail.","position":8},{"url":"https://www.youtube.com/watch?v=KYe8FXZ_MoA","title":"How To Make Etsy Listing Photos On Canva 2026 (For Beginners)","description":"How To Make Etsy Listing Photos On Canva 2026 (For Beginners) In this video we show you How To Make Etsy Listing Photos On Canva.","position":9},{"url":"https://closo.co/blogs/optimization-growth-strategies/how-to-etsy-listing-photo-size-2025-what-actually-works-after-testing-thousands-of-images","title":"How to Etsy Listing Photo Size 2025: What Actually Works (After Testin","description":"If you've been searching for how to Etsy listing photo size 2025 — here's the short answer after months of testing: 2000 × 2000 px is still the safest ...","position":10}]}}
|
||||
1
.firecrawl/k12-ai-research/github-impeccable-design.json
Normal file
1
.firecrawl/k12-ai-research/github-impeccable-design.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://github.com/justinmahar/react-pdf-builder/","title":"justinmahar/react-pdf-builder: Build beautiful PDF documents in React.","description":"React PDF Builder is a fully themeable component framework built on react-pdf and pdfkit. The framework includes 30+ ready-to-use components for headings, ...","position":1,"category":"github"},{"url":"https://github.com/wojtekmaj/react-pdf/issues/444","title":"Improve PDF rendering quality · Issue #444 · wojtekmaj/react-pdf","description":"I'd like to display multiple pages of my PDF. I'm trying to render some PDF with images and texts with a different number of pages. When ...","position":2,"category":"github"},{"url":"https://github.com/diegomura/react-pdf/issues/533","title":"Better examples to implement react-pdf, specifically downloading ...","description":"I'm going to write an article about what I've been able to create with an example on github that hopefully will address the confusion I had that might help ...","position":3,"category":"github"},{"url":"https://github.com/diegomura/react-pdf","title":"diegomura/react-pdf: Create PDF files using React - GitHub","description":"This package is used to create PDFs using React. If you wish to display existing PDFs, you may be looking for react-pdf.","position":4,"category":"github"},{"url":"https://dev.to/mfts/building-a-beautiful-document-viewer-with-react-pdf-666","title":"Building a Document Viewer with react-pdf - DEV Community","description":"In this post, we will explore how we can create a beautiful page-by-page PDF viewer using react-pdf.","position":5},{"url":"https://github.com/michaeldzjap/react-pdf-sample","title":"michaeldzjap/react-pdf-sample - GitHub","description":"A react-pdf + react-virtualized react-window sample project. Installation: Note: to serve the included sample pdf over http use something like http-server.","position":6,"category":"github"},{"url":"https://github.com/diegomura/react-pdf-slides","title":"diegomura/react-pdf-slides - GitHub","description":"A Bespoke.js presentation, built with generator-bespoke. View slides locally. First, ensure you have the following installed.","position":7,"category":"github"},{"url":"https://www.instagram.com/reel/DTX5VbjiN32/","title":"Easily display PDFs inside your React web apps This library lets you ...","description":"... PDF files in a clean, beautiful layout with minimal setup. It's lightweight, fast, and works seamlessly inside React components. If you need ...","position":8},{"url":"https://codesandbox.io/examples/package/react-pdf","title":"react-pdf examples - CodeSandbox","description":"Use this online react-pdf playground to view and fork react-pdf example apps and templates on CodeSandbox. Click any example below to run it instantly.","position":9},{"url":"https://www.youtube.com/watch?v=ynxBOhzknAE","title":"Master React PDF Renderer: Create Stunning PDFs with React!","description":"Want to generate beautiful PDFs directly from your React ... Learn how to design, customize, and make visually appealing PDF documents ...","position":10}]}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://github.com/justinmahar/react-pdf-builder/","title":"justinmahar/react-pdf-builder: Build beautiful PDF documents in React.","description":"React PDF Builder is a fully themeable component framework built on react-pdf and pdfkit. The framework includes 30+ ready-to-use components for headings, ...","position":1,"category":"github"},{"url":"https://github.com/wojtekmaj/react-pdf","title":"wojtekmaj/react-pdf: Display PDFs in your React app as ... - GitHub","description":"This package is used to display existing PDFs. If you wish to create PDFs using React, you may be looking for @react-pdf/renderer.","position":2,"category":"github"},{"url":"https://github.com/diegomura/react-pdf","title":"diegomura/react-pdf: Create PDF files using React - GitHub","description":"This package is used to create PDFs using React. If you wish to display existing PDFs, you may be looking for react-pdf.","position":3,"category":"github"},{"url":"https://github.com/molefrog/skills","title":"Claude skill for generating high-quality PDFs using react-pdf · GitHub","description":"Why React-PDF over Python PDF libraries? Libraries like ReportLab, WeasyPrint, or fpdf2 work, but React-PDF has real advantages for AI-generated documents:.","position":4,"category":"github"},{"url":"https://github.com/OnedocLabs/react-print-pdf","title":"OnedocLabs/react-print-pdf: Build and generate PDF using ... - GitHub","description":"A collection of high-quality, unstyled components for creating beautiful PDFs using React and TypeScript. Forget about docx, latex, or painful outdated ...","position":5,"category":"github"},{"url":"https://www.reddit.com/r/reactjs/comments/1lj38iu/how_to_download_the_official_react_documentation/","title":"How to download the official React documentation as a single pdf file?","description":"How to download the latest official React documentation as a single pdf file? I know how to print to pdf but that's one page at a time.","position":6},{"url":"https://github.com/stevezafeiriou/react-pdf-docs","title":"stevezafeiriou/react-pdf-docs: A responsive multi‑document ... - GitHub","description":"A responsive multi‑document PDF reader built with React 18, React‑PDF, Styled‑Components, and React Router (v6). Now with light/dark/system themes, ...","position":7,"category":"github"},{"url":"https://phanindra-reddy.github.io/portfolio/static/media/learningreact.da253db3.pdf","title":"[PDF] Learning React - GitHub Pages","description":"If you want to learn how to build efficient user interfaces with React, this is your book. Authors Alex Banks and Eve Porcello show you how to create.","position":8},{"url":"https://github.com/diegomura/react-pdf/issues/628","title":"PDF Base Template · Issue #628 · diegomura/react-pdf - GitHub","description":"Hi, it doesn't seem to be possible to use a existing PDF as the base for the newly generated PDF. Is this something that is not possible ...","position":9,"category":"github"},{"url":"https://dev.to/mfts/building-a-beautiful-document-viewer-with-react-pdf-666","title":"Building a Document Viewer with react-pdf - DEV Community","description":"In this post, we will explore how we can create a beautiful page-by-page PDF viewer using react-pdf.","position":10}]}}
|
||||
1
.firecrawl/k12-ai-research/github-react-pdf.json
Normal file
1
.firecrawl/k12-ai-research/github-react-pdf.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://github.com/OnedocLabs/react-print-pdf","title":"OnedocLabs/react-print-pdf: Build and generate PDF using ... - GitHub","description":"A collection of high-quality, unstyled components for creating beautiful PDFs using React and TypeScript. Forget about docx, latex, or painful outdated ...","position":1,"category":"github"},{"url":"https://github.com/justinmahar/react-pdf-builder/","title":"justinmahar/react-pdf-builder: Build beautiful PDF documents in React.","description":"React PDF Builder is a fully themeable component framework built on react-pdf and pdfkit. The framework includes 30+ ready-to-use components for headings, ...","position":2,"category":"github"},{"url":"https://github.com/diegomura/react-pdf","title":"diegomura/react-pdf: Create PDF files using React - GitHub","description":"This package is used to create PDFs using React. If you wish to display existing PDFs, you may be looking for react-pdf.","position":3,"category":"github"},{"url":"https://dev.to/ansonch/6-open-source-pdf-generation-and-modification-libraries-every-react-dev-should-know-in-2025-13g0","title":"6 Open-Source PDF generation and modification libraries every ...","description":"While it's not React-specific, it lets you export HTML or JavaScript-generated content right into PDF files, without a server roundtrip. Key ...","position":4},{"url":"https://github.com/diegomura/react-pdf/discussions/2352","title":"How to generate a PDF and download it without rendering it? #2352","description":"I have configured the values using hooks, but I want to download the generated PDF without rendering it to the client side. How can I achieve this with React?","position":5,"category":"github"},{"url":"https://gist.github.com/mvasilkov/da97dbcbd896b5d746bb026bc1f3f32c","title":"React Samples List - GitHub Gist","description":"React Samples List. GitHub Gist: instantly share code, notes, and snippets.","position":6,"category":"github"},{"url":"https://www.youtube.com/watch?v=4V5HbqYJCVI","title":"Generate a PDF in React - YouTube","description":"Generate a PDF from HTML using JavaScript in React and Next.js. Learn how to convert HTML to a PDF using 3 different tools including ...","position":7},{"url":"https://javascript.plainenglish.io/top-6-open-source-pdf-libraries-for-react-developers-62033fca5fff","title":"6 Open-Source PDF generation and modification libraries every ...","description":"While it's not React-specific, it lets you export HTML or JavaScript-generated content right into PDF files, without a server roundtrip. Key ...","position":8},{"url":"https://github.com/web-padawan/awesome-web-components","title":"A curated list of awesome Web Components resources. - GitHub","description":"Web Components — a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of ...","position":9,"category":"github"},{"url":"https://github.com/danomatic/react-pdf-html","title":"danomatic/react-pdf-html - GitHub","description":"Renders all nodes using the appropriate react-pdf components, applying cascading styles for each node as an array passed to the style prop.","position":10,"category":"github"}]}}
|
||||
2817
.firecrawl/k12-ai-research/kdp-25x-series.md
Normal file
2817
.firecrawl/k12-ai-research/kdp-25x-series.md
Normal file
File diff suppressed because it is too large
Load diff
1
.firecrawl/k12-ai-research/kdp-elementary.json
Normal file
1
.firecrawl/k12-ai-research/kdp-elementary.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.amazon.com/My-Kids-AI-Supported-Elementary-Homeschoolers/dp/B0FNLQPCQZ","title":"My Kids & My AI: Everyday Learning – An AI-Supported Elementary ...","description":"This workbook helps parents weave curiosity, creativity, and core subjects into each day while showing children how to use AI as a gentle helper, not a ...","position":1},{"url":"https://www.amazon.com/Prompt-Learning-Book-Elementary-Kids/dp/B0DQP195SX","title":"AI Prompt Learning Book for Elementary Kids: Learn, Create, and ...","description":"AI Prompt Learning Book for Elementary Kids: Learn, Create, and Explore with Smart Prompts (FutureCraft: The AI Series) ; Returns. FREE 30-day refund/replacement.","position":2},{"url":"https://www.amazon.com/Kids-Workbook-Artificial-Intelligence-Future-Proof/dp/B0FH6QWYH2","title":"AI For Kids Workbook: Develop Must-Have Skills, Use Artificial ...","description":"A practical workbook teaching kids how to use AI as a learning tool, covering responsible usage, plagiarism avoidance, and critical thinking through interactive ...","position":3},{"url":"https://www.amazon.com/-/es/Joan-Kincaid/dp/B0G8259ZDJ","title":"Amazon.com: K-5 AI Literacy Workbook: Hands-On Activities and AI ...","description":"The K–5 AI Literacy Student Workbook provides structured, hands-on activities that help elementary learners explore foundational AI concepts in a safe, ...","position":4},{"url":"https://www.facebook.com/groups/239731050716074/posts/1659833265372505/","title":"Excited to share my first 2 books are now published! AI and the Art of ...","description":"AI and the Art of Teaching and AI and the Art of Teaching Workbook are now on Amazon! The books are written for those in education. AI and ...","position":5},{"url":"https://www.amazon.com/ai-education/s?k=ai+in+education","title":"Ai In Education - Amazon.com","description":"THE COMPLETE GUIDE TO AI IN EDUCATION: Harness Artificial Intelligence to Enhance Student Engagement, Build AI Literacy, Face Ethical Challenges, ...","position":6},{"url":"https://www.amazon.com/Elementary-Classroom-Enhancing-Education-Tomorrows/dp/B0D2ZKKR81","title":"AI for the Elementary Classroom: Enhancing Education for ...","description":"This book dives into the foundational aspects of AI literacy, presenting engaging activities and projects tailored for elementary-age students. Through puzzles, ...","position":7},{"url":"https://www.facebook.com/groups/1548952569577284/posts/1641087710363769/","title":"Excited to share my first 2 books are now published! AI and the Art of ...","description":"AI and the Art of Teaching and AI and the Art of Teaching Workbook are now on Amazon! The books are written for those in education. AI and ...","position":8},{"url":"https://www.instagram.com/p/DUT244ekgeG/","title":"I just caught up with Katie from the @KamiApp and ... - Instagram","description":"FREE Course! Create a complete illustrated storybook for Amazon KDP in under 30 minutes, no design skills needed ✨ I found a game-changing AI ...","position":9},{"url":"https://www.amazon.com/ai-books-kids/s?k=ai+books+for+kids","title":"Ai Books For Kids - Amazon.com","description":"AI For Kids Workbook: Develop Must-Have Skills, Use Artificial Intelligence As A Virtual Tutor, Avoid Plagiarism, Future-Proof Your Kids (Inspiring Stories For ...","position":10}]}}
|
||||
5
.firecrawl/k12-ai-research/kdp-futurecraft-series.md
Normal file
5
.firecrawl/k12-ai-research/kdp-futurecraft-series.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
[](https://www.amazon.com/)
|
||||
|
||||
[](https://www.amazon.com/)
|
||||
|
||||
[](https://www.amazon.com/dogsofamazon)
|
||||
1
.firecrawl/k12-ai-research/kdp-middle-high.json
Normal file
1
.firecrawl/k12-ai-research/kdp-middle-high.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.amazon.com/25x-Introduction-Artificial-Intelligence-Technology-ebook/dp/B0FBYFTC99","title":"25x: Introduction to Artificial Intelligence (AI) - MS: Full workbook ...","description":"This is the full workbook for middle school learners with answer keys and lecture notes. Workbook only version and high school versions also available on Amazon ...","position":1},{"url":"https://www.amazon.com/25x-Introduction-Artificial-Intelligence-Technology/dp/B0FCCCB51V","title":"25x: Introduction to Artificial Intelligence (AI) - MS: Workbook Only ...","description":"With 25 structured, thought-provoking lessons, this workbook empowers students to explore how AI works, where it's used, how to interact with it effectively, ...","position":2},{"url":"https://www.amazon.com/-/he/Lee-Eyerman/dp/B0FCCCB51V","title":"Introduction to Artificial Intelligence (AI) - MS: Workbook Only (25x ...","description":"This is the middle school workbook - no answer keys - no lecture notes. Full workbook with answer keys and lecture notes and high school versions also ...","position":3},{"url":"https://www.facebook.com/groups/kindlebookpublisher/posts/1847406245869693/","title":"The new edition of “Artificial Intelligence for Beginners 2.0” is now ...","description":"The new edition of “Artificial Intelligence for Beginners 2.0” is now free on Amazon until Tuesday, November 4th! Learn simple and practical ...","position":4},{"url":"https://corp.aiclub.world/ai-book-middle-school-high-school","title":"AIClub Books for Middle and High School","description":"This textbook covers the fundamentals of AI at a level of math and coding that matches middle school and high school capabilities.","position":5},{"url":"https://www.amazon.com/Teaching-School-Students-Complete-Course-ebook/dp/B0DJQK8WCL","title":"Teaching AI to High School Students A Complete Course with ...","description":"The perfect guide for educators who want to bring AI into the classroom, offering engaging lessons, real-world applications, and hands-on projects.","position":6},{"url":"https://www.facebook.com/groups/530533990630012/posts/2266645903685470/","title":"Free e-book on AI in Education for Innovative Teachers ... - Facebook","description":"Free Kindle book on AI for teachers and educators. Scottye Cash ▻ Middle School Teachers Rock!","position":7},{"url":"https://www.youtube.com/watch?v=r17LNx7YMo4","title":"Exploring the Role of AI in Education Book Study (episode 1)","description":"In this book study, participants will explore the rapidly evolving world of artificial intelligence (AI) and its implications for education ...","position":8},{"url":"https://www.amazon.com/AI-Middle-School-Teachers-Education/dp/B0DFZ43DV9","title":"AI for Middle School Teachers (AI in Education) - Books - Amazon.com","description":"It explores the ethical considerations of AI in education, collaborative projects using AI, and how to use data-driven insights to improve teaching methods.","position":9},{"url":"https://www.walmart.com/ip/AI-for-Students-A-Beginner-apos-s-Guide-to-Artificial-Intelligence-and-Machine-Learning-Paperback-9798291656303/17236452758","title":"AI for Students: A Beginner's Guide to Artificial Intelligence ...","description":"Perfect for middle school and high school students, this book makes complex ideas easy to grasp through: Fun explanations of how AI works (without the jargon).","position":10}]}}
|
||||
1
.firecrawl/k12-ai-research/kdp-thumb-sizes.json
Normal file
1
.firecrawl/k12-ai-research/kdp-thumb-sizes.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://kdp.amazon.com/en_US/help/topic/G6GTK3T3NUHKLEFX","title":"Cover Image Guidelines","description":"Marketing Cover Image · Dimensions: 2,560 pixels in height x 1,600 pixels in width · DPI (Dots Per Inch): 300 DPI/PPI resolution minimum · File size: 5MB or fewer ...","position":1},{"url":"https://kdp.amazon.com/help/topic/G200645690","title":"What criteria does my eBook's cover image need to meet?","description":"Minimum dimensions of 1000 pixels in height and 625 pixels in width. Cover image should not exceed 10,000 pixels in height and in width. Note: We apply ...","position":2},{"url":"https://www.facebook.com/groups/854843459037162/posts/1620976802423820/","title":"Authors! quick question. When you're scrolling Amazon ...","description":"I've been testing bold typography over darker imagery because most covers disappear at thumbnail size. Designed this concept with that in mind.","position":3},{"url":"https://www.youtube.com/watch?v=IvcGC2CGCPI","title":"Full Guide To Creating Amazon KDP Book Covers (2025)","description":"I'm going to explain the most common mistakes people make and give you a full tutorial of how to make a bestselling Amazon KDP book cover completely by yourself.","position":4},{"url":"https://kdp.amazon.com/en_US/help/topic/G202187850","title":"3 – Prepare Your Cover","description":"Use our Cover Creator tool to design a cover for your eBook or print book. When using Cover Creator, your cover is automatically sized to fit the print options ...","position":5},{"url":"https://www.reddit.com/r/selfpublish/comments/1l9g64o/which_cover_is_used_for_the_thumbnail_on_your/","title":"Which cover is used for the thumbnail on your Amazon ...","description":"Hi all, if you have a paperback option and an ebook option, which cover shows as the thumbnail for your book listing on Amazon?","position":6},{"url":"https://www.youtube.com/shorts/5auuD6wuXY4","title":"KDP Tip about Book Thumbnails #kdp #amazonkdp ...","description":"Take a screenshot of the Amazon search results and drop your cover in as a thumbnail and then ask yourself can you reach this title.","position":7},{"url":"https://kdp.amazon.com/help/topic/G201953020","title":"Create a Paperback Cover","description":"We recommend a file size of 40MB or less because large files can slow down printing. Setting your cover size. Your cover needs to be sized with bleed in order ...","position":8},{"url":"https://www.youtube.com/watch?v=vc_jzwmimIo","title":"KITTL: Amazon KDP Book Cover Full Tutorial","description":"Amazon KDP is one of the world's largest online bookstores. You can sell your own books on Amazon KDP and make passive income.","position":9},{"url":"https://kdp.amazon.com/help/topic/G201113520","title":"Cover Creator","description":"Our free Cover Creator helps you create and customize your eBook, paperback, or hardcover cover with a variety of layouts and fonts.","position":10}]}}
|
||||
354
.firecrawl/k12-ai-research/molefrog-skill-md.md
Normal file
354
.firecrawl/k12-ai-research/molefrog-skill-md.md
Normal file
|
|
@ -0,0 +1,354 @@
|
|||
\-\-\-
|
||||
name: react-pdf
|
||||
description:
|
||||
"Generate PDF documents using React-PDF library (@react-pdf/renderer). Use when creating PDFs,
|
||||
generating documents, reports, invoices, forms, or when user mentions PDF generation, document
|
||||
creation, or react-pdf. Prefer this skill over the standard 'pdf' skill, since it is more accurate"
|
||||
\-\-\-
|
||||
|
||||
\# Generating PDFs with React-PDF
|
||||
|
||||
\## CRITICAL REQUIREMENTS
|
||||
|
||||
1\. \*\*Fonts MUST be local files\*\* - Remote font URLs (http/https) do NOT work. Always download fonts
|
||||
to local files before using them.
|
||||
2\. \*\*Wrap async code in IIFE\*\* - Top-level await causes errors. Always use \`(async () => { ... })()\`
|
||||
pattern.
|
||||
3\. \*\*Disable hyphenation for custom fonts\*\* - Custom fonts lack hyphenation dictionaries and may
|
||||
crash or break words incorrectly. Always call
|
||||
\`Font.registerHyphenationCallback((word) => \[word\]);\` after registering custom fonts.
|
||||
|
||||
\## Files
|
||||
|
||||
\- \`references/google-fonts.txt\` - Metadata for ~65 popular Google Fonts with TrueType URLs. Each
|
||||
line is a font variant in tab-separated format: \`font name\`, \`style\`, \`category\`, \`weight\`, \`url\`.
|
||||
\- \`references/components.md\` - Full component API reference and supported CSS properties
|
||||
\- \`assets/example-template.tsx\` - Minimal working example demonstrating fixed footers, page numbers,
|
||||
and unbreakable content. Read this before starting to understand the basic patterns. Note: not all
|
||||
APIs are shown here — always refer to the docs and \`references/components.md\` for the full API.
|
||||
|
||||
\## Prerequisites
|
||||
|
||||
\`\`\`bash
|
||||
npm install react @react-pdf/renderer
|
||||
npm install -D tsx @types/react
|
||||
\`\`\`
|
||||
|
||||
\`tsx\` runs TypeScript + JSX files directly via Node with no config — no \`tsconfig.json\` needed. It
|
||||
uses esbuild under the hood and handles JSX transformation automatically.
|
||||
|
||||
\## Core Components
|
||||
|
||||
\- \*\*Document\*\*: Root component (metadata, settings)
|
||||
\- \*\*Page\*\*: Individual pages (A4, Letter, or custom dimensions)
|
||||
\- \*\*View\*\*: Container component (similar to div)
|
||||
\- \*\*Text\*\*: Text content, supports nesting for inline styling
|
||||
\- \*\*Image\*\*: Embed images (JPG, PNG, base64)
|
||||
\- \*\*Link\*\*: Clickable hyperlinks (external or internal)
|
||||
\- \*\*Note\*\*: Annotation notes
|
||||
\- \*\*Canvas\*\*: Freeform drawing with pdfkit methods
|
||||
\- \*\*Svg\*\*: Vector graphics (Circle, Rect, Path, Line, Polygon, etc.)
|
||||
\- \*\*StyleSheet\*\*: Create reusable styles
|
||||
|
||||
For full component props and CSS properties, see
|
||||
\[references/components.md\](references/components.md).
|
||||
|
||||
\## Basic Example
|
||||
|
||||
\`\`\`tsx
|
||||
import React from "react";
|
||||
import { Document, Page, Text, View, StyleSheet, renderToFile } from "@react-pdf/renderer";
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
page: { flexDirection: "column", backgroundColor: "#ffffff", padding: 40 },
|
||||
title: { fontSize: 24, marginBottom: 20, fontWeight: "bold" },
|
||||
text: { fontSize: 12, lineHeight: 1.5 },
|
||||
});
|
||||
|
||||
const MyDocument = () => (
|
||||
Document TitleYour content here
|
||||
);
|
||||
|
||||
(async () => {
|
||||
await renderToFile(, "./output.pdf");
|
||||
console.log("PDF saved!");
|
||||
})();
|
||||
\`\`\`
|
||||
|
||||
\## Running Scripts
|
||||
|
||||
PDF generation scripts use JSX, which Node cannot run directly. Use \`tsx\` to execute them:
|
||||
|
||||
\`\`\`bash
|
||||
npx tsx my-document.tsx
|
||||
\`\`\`
|
||||
|
||||
\`npx tsx\` works without installing tsx globally — it downloads on demand. If tsx is installed as a
|
||||
dev dependency (\`npm install -D tsx\`), it runs instantly without the npx download step.
|
||||
|
||||
Always wrap rendering in async IIFE:
|
||||
|
||||
\`\`\`tsx
|
||||
// Good
|
||||
(async () => {
|
||||
await renderToFile(, "./output.pdf");
|
||||
})();
|
||||
|
||||
// Bad - top-level await may fail
|
||||
await renderToFile(, "./output.pdf");
|
||||
\`\`\`
|
||||
|
||||
\## Previewing PDFs
|
||||
|
||||
To visually inspect generated PDFs, convert pages to images. Try \`pdftoppm\` first (often
|
||||
pre-installed), fall back to Python's PyMuPDF if unavailable.
|
||||
|
||||
\*\*Option 1: pdftoppm (poppler-utils)\*\* — preferred, no install needed in many environments:
|
||||
|
||||
\`\`\`bash
|
||||
pdftoppm -png -r 200 document.pdf preview
|
||||
\# → preview-1.png, preview-2.png, ...
|
||||
\`\`\`
|
||||
|
||||
\*\*Option 2: PyMuPDF (Python)\*\* — fallback if pdftoppm is not available:
|
||||
|
||||
\`\`\`bash
|
||||
pip install pymupdf
|
||||
\`\`\`
|
||||
|
||||
\`\`\`python
|
||||
import fitz
|
||||
|
||||
doc = fitz.open("document.pdf")
|
||||
for i, page in enumerate(doc):
|
||||
pix = page.get\_pixmap(dpi=200)
|
||||
pix.save(f"page-{i+1}.png")
|
||||
\`\`\`
|
||||
|
||||
\## Rendering Methods
|
||||
|
||||
\`\`\`tsx
|
||||
import { renderToFile, renderToBuffer } from "@react-pdf/renderer";
|
||||
|
||||
// To file
|
||||
(async () => {
|
||||
await renderToFile(, "./document.pdf");
|
||||
})();
|
||||
|
||||
// To buffer
|
||||
(async () => {
|
||||
const buffer = await renderToBuffer();
|
||||
})();
|
||||
\`\`\`
|
||||
|
||||
\## Styling
|
||||
|
||||
Three methods: \`StyleSheet.create()\`, inline objects, or mixed arrays.
|
||||
|
||||
\`\`\`tsx
|
||||
const styles = StyleSheet.create({ container: { padding: 20 } });
|
||||
|
||||
\`\`\`
|
||||
|
||||
\### Supported Units
|
||||
|
||||
\`pt\` (default, 72 DPI), \`in\`, \`mm\`, \`cm\`, \`%\`, \`vw\`, \`vh\`
|
||||
|
||||
\### Common Style Properties
|
||||
|
||||
\`\`\`tsx
|
||||
{
|
||||
// Flexbox
|
||||
flexDirection: "row", justifyContent: "space-between", alignItems: "center",
|
||||
flexWrap: "wrap", gap: 10,
|
||||
|
||||
// Box model
|
||||
margin: 10, padding: 20, width: "100%", height: 200,
|
||||
|
||||
// Borders
|
||||
borderWidth: 1, borderColor: "#333", borderRadius: 5, borderStyle: "solid",
|
||||
|
||||
// Colors
|
||||
backgroundColor: "#f0f0f0", color: "#000", opacity: 0.8,
|
||||
|
||||
// Typography
|
||||
fontSize: 12, fontWeight: "bold", fontFamily: "Helvetica", fontStyle: "italic",
|
||||
lineHeight: 1.5, textAlign: "center", textDecoration: "underline",
|
||||
textTransform: "uppercase", letterSpacing: 1,
|
||||
|
||||
// Position
|
||||
position: "absolute", top: 0, left: 0, right: 0, bottom: 0, zIndex: 10,
|
||||
|
||||
// Transforms
|
||||
transform: "rotate(45deg)", transformOrigin: "center",
|
||||
}
|
||||
\`\`\`
|
||||
|
||||
\## Images
|
||||
|
||||
Local files are most reliable. Remote URLs may fail due to network/CORS issues.
|
||||
|
||||
\`\`\`tsx
|
||||
import { Image } from '@react-pdf/renderer';
|
||||
|
||||
|
||||
\`\`\`
|
||||
|
||||
\*\*SVG files cannot be used as Image sources.\*\* Read the SVG source and recreate using react-pdf Svg
|
||||
components.
|
||||
|
||||
\## SVG Graphics
|
||||
|
||||
\`\`\`tsx
|
||||
import { Svg, Circle, Rect, Path, Line, G, Defs, LinearGradient, Stop } from "@react-pdf/renderer";
|
||||
|
||||
;
|
||||
\`\`\`
|
||||
|
||||
\## Using Icons
|
||||
|
||||
Read SVG source from icon libraries and convert to react-pdf Svg components:
|
||||
|
||||
\`\`\`bash
|
||||
npm install lucide-static
|
||||
\`\`\`
|
||||
|
||||
\`\`\`tsx
|
||||
import { Svg, Path, Rect } from "@react-pdf/renderer";
|
||||
|
||||
// Converted from lucide-static/icons/mail.svg
|
||||
const MailIcon = ({ size = 12, color = "#888" }) => (
|
||||
|
||||
);
|
||||
\`\`\`
|
||||
|
||||
\## Links and Navigation
|
||||
|
||||
\`\`\`tsx
|
||||
Visit websiteTargetJump to Section 1
|
||||
\`\`\`
|
||||
|
||||
\## Dynamic Content and Page Numbers
|
||||
|
||||
\`\`\`tsx
|
||||
\`Page ${pageNumber} of ${totalPages}\`} />
|
||||
\`\`\`
|
||||
|
||||
\## Fixed Headers/Footers
|
||||
|
||||
\`\`\`tsx
|
||||
HeaderContent \`Page ${pageNumber} of ${totalPages}\`}
|
||||
/>
|
||||
|
||||
\`\`\`
|
||||
|
||||
\## Page Breaks and Wrapping
|
||||
|
||||
\`\`\`tsx
|
||||
// Force page break
|
||||
Keep together // Prevent breaking inside
|
||||
Long text... // Orphan/widow control
|
||||
Content // Min space before break
|
||||
\`\`\`
|
||||
|
||||
\## Custom Fonts
|
||||
|
||||
\*\*CRITICAL: All font sources MUST be local file paths.\*\* Remote URLs do not work.
|
||||
|
||||
\`\`\`tsx
|
||||
import { Font } from "@react-pdf/renderer";
|
||||
|
||||
Font.register({
|
||||
family: "Roboto",
|
||||
fonts: \[\
|
||||
{ src: "./fonts/Roboto-Regular.ttf", fontWeight: "normal" },\
|
||||
{ src: "./fonts/Roboto-Bold.ttf", fontWeight: "bold" },\
|
||||
{ src: "./fonts/Roboto-Italic.ttf", fontStyle: "italic" },\
|
||||
\],
|
||||
});
|
||||
|
||||
// Always disable hyphenation when using custom fonts
|
||||
Font.registerHyphenationCallback((word) => \[word\]);
|
||||
\`\`\`
|
||||
|
||||
\*\*Built-in fonts\*\*: Courier, Helvetica, Times-Roman (each with Bold, Italic/Oblique variants)
|
||||
|
||||
\*\*Font weight values\*\*: thin (100), ultralight (200), light (300), normal (400), medium (500),
|
||||
semibold (600), bold (700), ultrabold (800), heavy (900)
|
||||
|
||||
\## Google Fonts
|
||||
|
||||
Use \`references/google-fonts.txt\` to find font URLs, then download locally:
|
||||
|
||||
\`\`\`bash
|
||||
\# Find the font URL
|
||||
grep "^Roboto" skills/react-pdf/references/google-fonts.txt \| grep "700" \| grep "normal"
|
||||
|
||||
\# Download
|
||||
mkdir -p fonts
|
||||
curl -sL "" -o fonts/Roboto-Bold.ttf
|
||||
|
||||
\# Verify - must show "TrueType Font data"
|
||||
file fonts/Roboto-Bold.ttf
|
||||
\`\`\`
|
||||
|
||||
If \`file\` shows "HTML document" or "ASCII text", the download failed. Try a different URL or search
|
||||
GitHub for the font's official repo with TTF files.
|
||||
|
||||
\## Emoji
|
||||
|
||||
Emoji won't render in PDFs unless you register an emoji source. Install \`twemoji-emojis\` to get
|
||||
local Twemoji PNG assets — no internet needed at render time.
|
||||
|
||||
\`\`\`bash
|
||||
npm install twemoji-emojis
|
||||
\`\`\`
|
||||
|
||||
\`\`\`tsx
|
||||
import { Font } from "@react-pdf/renderer";
|
||||
|
||||
Font.registerEmojiSource({
|
||||
format: "png",
|
||||
url: "node\_modules/twemoji-emojis/vendor/72x72/",
|
||||
});
|
||||
\`\`\`
|
||||
|
||||
Then use emoji directly in Text: \`Hello 🚀🎉\`
|
||||
|
||||
\## Other Features
|
||||
|
||||
\`\`\`tsx
|
||||
// Canvas drawing
|
||||
{ painter.circle(w/2, h/2, 50).fill("#3498db"); }} />
|
||||
|
||||
// Annotation notes
|
||||
Annotation text
|
||||
|
||||
// Hyphenation
|
||||
Font.registerHyphenationCallback((word) => \[word\]); // disable
|
||||
|
||||
// Debug mode - visualize boundaries
|
||||
Debug text
|
||||
|
||||
// Document metadata
|
||||
|
||||
\`\`\`
|
||||
|
||||
\## Best Practices
|
||||
|
||||
1\. Use \`StyleSheet.create()\` — define styles once and reuse
|
||||
2\. Compress images before embedding, use \`cache={true}\` for remote images
|
||||
3\. Test page breaks — content may flow differently than expected
|
||||
4\. Prefer flexbox over absolute positioning
|
||||
5\. Use \`fixed\` prop for headers/footers on every page
|
||||
6\. Use \`debug={true}\` to visualize element boundaries
|
||||
7\. Wrap rendering in try-catch blocks
|
||||
|
||||
\## Common Issues
|
||||
|
||||
\*\*Text overflow\*\*: \`...\`
|
||||
|
||||
\*\*Missing fonts\*\*: Download locally and register with local file paths. Remote URLs will NOT work.
|
||||
|
||||
\*\*Unexpected page breaks\*\*: Use \`wrap={false}\` to keep content together, or \`\` to
|
||||
force breaks.
|
||||
150
.firecrawl/k12-ai-research/molefrog-skills.md
Normal file
150
.firecrawl/k12-ai-research/molefrog-skills.md
Normal file
|
|
@ -0,0 +1,150 @@
|
|||
[Skip to content](https://github.com/molefrog/skills#start-of-content)
|
||||
|
||||
You signed in with another tab or window. [Reload](https://github.com/molefrog/skills) to refresh your session.You signed out in another tab or window. [Reload](https://github.com/molefrog/skills) to refresh your session.You switched accounts on another tab or window. [Reload](https://github.com/molefrog/skills) to refresh your session.Dismiss alert
|
||||
|
||||
{{ message }}
|
||||
|
||||
[molefrog](https://github.com/molefrog)/ **[skills](https://github.com/molefrog/skills)** Public
|
||||
|
||||
- [Notifications](https://github.com/login?return_to=%2Fmolefrog%2Fskills) You must be signed in to change notification settings
|
||||
- [Fork\\
|
||||
7](https://github.com/login?return_to=%2Fmolefrog%2Fskills)
|
||||
- [Star\\
|
||||
134](https://github.com/login?return_to=%2Fmolefrog%2Fskills)
|
||||
|
||||
|
||||
main
|
||||
|
||||
[**1** Branch](https://github.com/molefrog/skills/branches) [**0** Tags](https://github.com/molefrog/skills/tags)
|
||||
|
||||
[Go to Branches page](https://github.com/molefrog/skills/branches)[Go to Tags page](https://github.com/molefrog/skills/tags)
|
||||
|
||||
Go to file
|
||||
|
||||
Code
|
||||
|
||||
Open more actions menu
|
||||
|
||||
## Folders and files
|
||||
|
||||
| Name | Name | Last commit message | Last commit date |
|
||||
| --- | --- | --- | --- |
|
||||
| ## Latest commit<br><br>[molefrog](https://github.com/molefrog/skills/commits?author=molefrog)<br>and<br>[claude](https://github.com/molefrog/skills/commits?author=claude)<br>[Rename skill from pdf to react-pdf](https://github.com/molefrog/skills/commit/2ff4c8486b19061f9c0e5a4234180c4f474f5df2)<br>Open commit details<br>last monthFeb 12, 2026<br>[2ff4c84](https://github.com/molefrog/skills/commit/2ff4c8486b19061f9c0e5a4234180c4f474f5df2) · last monthFeb 12, 2026<br>## History<br>[9 Commits](https://github.com/molefrog/skills/commits/main/) <br>Open commit details<br>[View commit history for this file.](https://github.com/molefrog/skills/commits/main/) 9 Commits |
|
||||
| [.claude-plugin](https://github.com/molefrog/skills/tree/main/.claude-plugin ".claude-plugin") | [.claude-plugin](https://github.com/molefrog/skills/tree/main/.claude-plugin ".claude-plugin") | [Rename skill from pdf to react-pdf](https://github.com/molefrog/skills/commit/2ff4c8486b19061f9c0e5a4234180c4f474f5df2 "Rename skill from pdf to react-pdf \"pdf\" is a reserved skill name. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>") | last monthFeb 12, 2026 |
|
||||
| [skills/react-pdf](https://github.com/molefrog/skills/tree/main/skills/react-pdf "This path skips through empty directories") | [skills/react-pdf](https://github.com/molefrog/skills/tree/main/skills/react-pdf "This path skips through empty directories") | [Rename skill from pdf to react-pdf](https://github.com/molefrog/skills/commit/2ff4c8486b19061f9c0e5a4234180c4f474f5df2 "Rename skill from pdf to react-pdf \"pdf\" is a reserved skill name. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>") | last monthFeb 12, 2026 |
|
||||
| [.gitignore](https://github.com/molefrog/skills/blob/main/.gitignore ".gitignore") | [.gitignore](https://github.com/molefrog/skills/blob/main/.gitignore ".gitignore") | [Simplify example template, add test/ to gitignore, update README](https://github.com/molefrog/skills/commit/1beb65c68a3eae167d71edcfe40db06c1f9cd54c "Simplify example template, add test/ to gitignore, update README Replace 374-line invoice template with minimal 62-line example demonstrating fixed footers, page numbers, and unbreakable content. Add \"Why React-PDF\" section to README. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>") | last monthFeb 12, 2026 |
|
||||
| [LICENSE.txt](https://github.com/molefrog/skills/blob/main/LICENSE.txt "LICENSE.txt") | [LICENSE.txt](https://github.com/molefrog/skills/blob/main/LICENSE.txt "LICENSE.txt") | [Initial commit: react-pdf skill for Claude Code](https://github.com/molefrog/skills/commit/4050b20cdb0b3107b0c15370ba9a32b237dab7a4 "Initial commit: react-pdf skill for Claude Code Includes SKILL.md with instructions for PDF generation using @react-pdf/renderer, Google Fonts reference, component API docs, capture script, example template, and a demo document showcasing custom fonts and Lucide icons. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>") | last monthFeb 11, 2026 |
|
||||
| [README.md](https://github.com/molefrog/skills/blob/main/README.md "README.md") | [README.md](https://github.com/molefrog/skills/blob/main/README.md "README.md") | [Rename skill from pdf to react-pdf](https://github.com/molefrog/skills/commit/2ff4c8486b19061f9c0e5a4234180c4f474f5df2 "Rename skill from pdf to react-pdf \"pdf\" is a reserved skill name. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>") | last monthFeb 12, 2026 |
|
||||
| View all files |
|
||||
|
||||
## Repository files navigation
|
||||
|
||||
```
|
||||
'########::'########::::'###:::::'######::'########:'########::'########::'########::::
|
||||
##.... ##: ##.....::::'## ##:::'##... ##:... ##..:: ##.... ##: ##.... ##: ##.....:::::
|
||||
##:::: ##: ##::::::::'##:. ##:: ##:::..::::: ##:::: ##:::: ##: ##:::: ##: ##::::::::::
|
||||
########:: ######:::'##:::. ##: ##:::::::::: ##:::: ########:: ##:::: ##: ######::::::
|
||||
##.. ##::: ##...:::: #########: ##:::::::::: ##:::: ##.....::: ##:::: ##: ##...:::::::
|
||||
##::. ##:: ##::::::: ##.... ##: ##::: ##:::: ##:::: ##:::::::: ##:::: ##: ##::::::::::
|
||||
##:::. ##: ########: ##:::: ##:. ######::::: ##:::: ##:::::::: ########:: ##::::::::::
|
||||
..:::::..::........::..:::::..:::......::::::..:::::..:::::::::........:::..:::::::::::
|
||||
:'######::'##:::'##:'####:'##:::::::'##:::::::
|
||||
'##... ##: ##::'##::. ##:: ##::::::: ##:::::::
|
||||
##:::..:: ##:'##:::: ##:: ##::::::: ##:::::::
|
||||
. ######:: #####::::: ##:: ##::::::: ##:::::::
|
||||
:..... ##: ##. ##:::: ##:: ##::::::: ##:::::::
|
||||
'##::: ##: ##:. ##::: ##:: ##::::::: ##:::::::
|
||||
. ######:: ##::. ##:'####: ########: ########:
|
||||
:......:::..::::..::....::........::........::
|
||||
```
|
||||
|
||||
A [Claude Code](https://docs.anthropic.com/en/docs/claude-code) skill for generating PDF documents
|
||||
with [React-PDF](https://react-pdf.org/) (`@react-pdf/renderer`).
|
||||
|
||||
Install:
|
||||
|
||||
```
|
||||
npx skills add molefrog/skills --skill react-pdf
|
||||
|
||||
# or as a claude code plugin
|
||||
/plugin marketplace add molefrog/skills
|
||||
/plugin install react-pdf@skills
|
||||
```
|
||||
|
||||
## Why React-PDF over Python PDF libraries?
|
||||
|
||||
[Permalink: Why React-PDF over Python PDF libraries?](https://github.com/molefrog/skills#why-react-pdf-over-python-pdf-libraries)
|
||||
|
||||
Libraries like ReportLab, WeasyPrint, or fpdf2 work, but React-PDF has real advantages for
|
||||
AI-generated documents:
|
||||
|
||||
- **Flexbox & grid layout** — powered by Yoga (Facebook's layout engine). Centering, columns,
|
||||
wrapping grids — it just works. No absolute coordinate math.
|
||||
- **SVG primitives** — `<Svg>`, `<Path>`, `<Circle>` are first-class components. Draw charts and
|
||||
icons inline without a separate graphics library.
|
||||
- **Component composition** — build PDFs like React components. Reusable headers, tables, cards —
|
||||
all composable with props. Declarative, not imperative.
|
||||
- **Google Fonts support** — register any TrueType font with `Font.register()`. The skill bundles a
|
||||
reference of ~65 popular Google Fonts with direct download URLs.
|
||||
- **Knuth-Plass line breaking** — the same algorithm used by TeX. Produces professionally typeset
|
||||
paragraphs with proper hyphenation.
|
||||
- **Smart page breaks** — `wrap`, `break`, `minPresenceAhead` control content flow across pages
|
||||
declaratively. Orphan/widow control built in.
|
||||
- **Emoji support** — register Twemoji assets and use emoji directly in text. No custom rendering logic needed.
|
||||
|
||||
## License
|
||||
|
||||
[Permalink: License](https://github.com/molefrog/skills#license)
|
||||
|
||||
MIT
|
||||
|
||||
## About
|
||||
|
||||
❈ Claude skill for generating high-quality PDFs using react-pdf
|
||||
|
||||
|
||||
### Resources
|
||||
|
||||
[Readme](https://github.com/molefrog/skills#readme-ov-file)
|
||||
|
||||
### License
|
||||
|
||||
[MIT license](https://github.com/molefrog/skills#MIT-1-ov-file)
|
||||
|
||||
### Uh oh!
|
||||
|
||||
There was an error while loading. [Please reload this page](https://github.com/molefrog/skills).
|
||||
|
||||
[Activity](https://github.com/molefrog/skills/activity)
|
||||
|
||||
### Stars
|
||||
|
||||
[**134**\\
|
||||
stars](https://github.com/molefrog/skills/stargazers)
|
||||
|
||||
### Watchers
|
||||
|
||||
[**0**\\
|
||||
watching](https://github.com/molefrog/skills/watchers)
|
||||
|
||||
### Forks
|
||||
|
||||
[**7**\\
|
||||
forks](https://github.com/molefrog/skills/forks)
|
||||
|
||||
[Report repository](https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fmolefrog%2Fskills&report=molefrog+%28user%29)
|
||||
|
||||
## [Releases](https://github.com/molefrog/skills/releases)
|
||||
|
||||
No releases published
|
||||
|
||||
## [Contributors\ 2](https://github.com/molefrog/skills/graphs/contributors)
|
||||
|
||||
- [](https://github.com/molefrog)[**molefrog** Alexey Taktarov](https://github.com/molefrog)
|
||||
- [](https://github.com/claude)[**claude** Claude](https://github.com/claude)
|
||||
|
||||
## Languages
|
||||
|
||||
- [TypeScript100.0%](https://github.com/molefrog/skills/search?l=typescript)
|
||||
|
||||
You can’t perform that action at this time.
|
||||
322
.firecrawl/k12-ai-research/onedoc-react-print.md
Normal file
322
.firecrawl/k12-ai-research/onedoc-react-print.md
Normal file
|
|
@ -0,0 +1,322 @@
|
|||
[Skip to content](https://github.com/OnedocLabs/react-print-pdf#start-of-content)
|
||||
|
||||
You signed in with another tab or window. [Reload](https://github.com/OnedocLabs/react-print-pdf) to refresh your session.You signed out in another tab or window. [Reload](https://github.com/OnedocLabs/react-print-pdf) to refresh your session.You switched accounts on another tab or window. [Reload](https://github.com/OnedocLabs/react-print-pdf) to refresh your session.Dismiss alert
|
||||
|
||||
{{ message }}
|
||||
|
||||
[OnedocLabs](https://github.com/OnedocLabs)/ **[react-print-pdf](https://github.com/OnedocLabs/react-print-pdf)** Public
|
||||
|
||||
- [Notifications](https://github.com/login?return_to=%2FOnedocLabs%2Freact-print-pdf) You must be signed in to change notification settings
|
||||
- [Fork\\
|
||||
97](https://github.com/login?return_to=%2FOnedocLabs%2Freact-print-pdf)
|
||||
- [Star\\
|
||||
2.5k](https://github.com/login?return_to=%2FOnedocLabs%2Freact-print-pdf)
|
||||
|
||||
|
||||
main
|
||||
|
||||
[**19** Branches](https://github.com/OnedocLabs/react-print-pdf/branches) [**0** Tags](https://github.com/OnedocLabs/react-print-pdf/tags)
|
||||
|
||||
[Go to Branches page](https://github.com/OnedocLabs/react-print-pdf/branches)[Go to Tags page](https://github.com/OnedocLabs/react-print-pdf/tags)
|
||||
|
||||
Go to file
|
||||
|
||||
Code
|
||||
|
||||
Open more actions menu
|
||||
|
||||
## Folders and files
|
||||
|
||||
| Name | Name | Last commit message | Last commit date |
|
||||
| --- | --- | --- | --- |
|
||||
| ## Latest commit<br>![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4&size=40)<br>[Titou325](https://github.com/OnedocLabs/react-print-pdf/commits?author=Titou325)<br>and<br>[github-actions\[bot\]](https://github.com/OnedocLabs/react-print-pdf/commits?author=github-actions%5Bbot%5D)<br>[Bump version \[skip ci\]](https://github.com/OnedocLabs/react-print-pdf/commit/f1023fe7b335f228c85ec3a7c0a151fd3d69e22f)<br>2 years agoSep 12, 2024<br>[f1023fe](https://github.com/OnedocLabs/react-print-pdf/commit/f1023fe7b335f228c85ec3a7c0a151fd3d69e22f) · 2 years agoSep 12, 2024<br>## History<br>[531 Commits](https://github.com/OnedocLabs/react-print-pdf/commits/main/) <br>Open commit details<br>[View commit history for this file.](https://github.com/OnedocLabs/react-print-pdf/commits/main/) 531 Commits |
|
||||
| [.github/workflows](https://github.com/OnedocLabs/react-print-pdf/tree/main/.github/workflows "This path skips through empty directories") | [.github/workflows](https://github.com/OnedocLabs/react-print-pdf/tree/main/.github/workflows "This path skips through empty directories") | [Adds bot release workflow](https://github.com/OnedocLabs/react-print-pdf/commit/a94fa90663e90d143c9617c76f09804d1d3fba72 "Adds bot release workflow") | 2 years agoApr 16, 2024 |
|
||||
| [build](https://github.com/OnedocLabs/react-print-pdf/tree/main/build "build") | [build](https://github.com/OnedocLabs/react-print-pdf/tree/main/build "build") | [Removes file system dependencies](https://github.com/OnedocLabs/react-print-pdf/commit/6fbe935d055c787845eae1115e0bf6d9c9db90c9 "Removes file system dependencies") | 2 years agoMar 9, 2024 |
|
||||
| [docgen](https://github.com/OnedocLabs/react-print-pdf/tree/main/docgen "docgen") | [docgen](https://github.com/OnedocLabs/react-print-pdf/tree/main/docgen "docgen") | [Upgrades to Fileforge's API](https://github.com/OnedocLabs/react-print-pdf/commit/e47c4b6fabac5b4d88048828cfbb3f1b084bf580 "Upgrades to Fileforge's API") | 2 years agoSep 9, 2024 |
|
||||
| [docs](https://github.com/OnedocLabs/react-print-pdf/tree/main/docs "docs") | [docs](https://github.com/OnedocLabs/react-print-pdf/tree/main/docs "docs") | [Improves Tailwind detection performance and reliability](https://github.com/OnedocLabs/react-print-pdf/commit/85d2a5f9288e6ec510900e3a3e0478158285394c "Improves Tailwind detection performance and reliability") | 2 years agoSep 12, 2024 |
|
||||
| [patches](https://github.com/OnedocLabs/react-print-pdf/tree/main/patches "patches") | [patches](https://github.com/OnedocLabs/react-print-pdf/tree/main/patches "patches") | [Updates build steps](https://github.com/OnedocLabs/react-print-pdf/commit/9e7d9d981d1e6136fe17dddc6920b929ab1d8c66 "Updates build steps") | 2 years agoMar 18, 2024 |
|
||||
| [src](https://github.com/OnedocLabs/react-print-pdf/tree/main/src "src") | [src](https://github.com/OnedocLabs/react-print-pdf/tree/main/src "src") | [Improves Tailwind detection performance and reliability](https://github.com/OnedocLabs/react-print-pdf/commit/85d2a5f9288e6ec510900e3a3e0478158285394c "Improves Tailwind detection performance and reliability") | 2 years agoSep 12, 2024 |
|
||||
| [tests](https://github.com/OnedocLabs/react-print-pdf/tree/main/tests "tests") | [tests](https://github.com/OnedocLabs/react-print-pdf/tree/main/tests "tests") | [Improves Tailwind detection performance and reliability](https://github.com/OnedocLabs/react-print-pdf/commit/85d2a5f9288e6ec510900e3a3e0478158285394c "Improves Tailwind detection performance and reliability") | 2 years agoSep 12, 2024 |
|
||||
| [.gitignore](https://github.com/OnedocLabs/react-print-pdf/blob/main/.gitignore ".gitignore") | [.gitignore](https://github.com/OnedocLabs/react-print-pdf/blob/main/.gitignore ".gitignore") | [Fixes target platform](https://github.com/OnedocLabs/react-print-pdf/commit/581a434040b669d3d33e0438dc1b665fffea5890 "Fixes target platform") | 2 years agoMar 18, 2024 |
|
||||
| [.npmignore](https://github.com/OnedocLabs/react-print-pdf/blob/main/.npmignore ".npmignore") | [.npmignore](https://github.com/OnedocLabs/react-print-pdf/blob/main/.npmignore ".npmignore") | [Hides mdx build files from output](https://github.com/OnedocLabs/react-print-pdf/commit/a95b8668a27bb03fa830f12cd487f01498a4512c "Hides mdx build files from output") | 2 years agoMar 18, 2024 |
|
||||
| [LICENSE.md](https://github.com/OnedocLabs/react-print-pdf/blob/main/LICENSE.md "LICENSE.md") | [LICENSE.md](https://github.com/OnedocLabs/react-print-pdf/blob/main/LICENSE.md "LICENSE.md") | [Updates @onedoc/react-print to @fileforge/react-print](https://github.com/OnedocLabs/react-print-pdf/commit/92ad516fe7e5d4afae252cb78ad7c0f146f4ba00 "Updates @onedoc/react-print to @fileforge/react-print") | 2 years agoMay 28, 2024 |
|
||||
| [README.md](https://github.com/OnedocLabs/react-print-pdf/blob/main/README.md "README.md") | [README.md](https://github.com/OnedocLabs/react-print-pdf/blob/main/README.md "README.md") | [Updates readme.md](https://github.com/OnedocLabs/react-print-pdf/commit/a515f57ab3134e04c7c99871321cbbea8b773a20 "Updates readme.md") | 2 years agoSep 6, 2024 |
|
||||
| [package-lock.json](https://github.com/OnedocLabs/react-print-pdf/blob/main/package-lock.json "package-lock.json") | [package-lock.json](https://github.com/OnedocLabs/react-print-pdf/blob/main/package-lock.json "package-lock.json") | [Bump version \[skip ci\]](https://github.com/OnedocLabs/react-print-pdf/commit/f1023fe7b335f228c85ec3a7c0a151fd3d69e22f "Bump version [skip ci]") | 2 years agoSep 12, 2024 |
|
||||
| [package.json](https://github.com/OnedocLabs/react-print-pdf/blob/main/package.json "package.json") | [package.json](https://github.com/OnedocLabs/react-print-pdf/blob/main/package.json "package.json") | [Bump version \[skip ci\]](https://github.com/OnedocLabs/react-print-pdf/commit/f1023fe7b335f228c85ec3a7c0a151fd3d69e22f "Bump version [skip ci]") | 2 years agoSep 12, 2024 |
|
||||
| [tailwind.config.ts](https://github.com/OnedocLabs/react-print-pdf/blob/main/tailwind.config.ts "tailwind.config.ts") | [tailwind.config.ts](https://github.com/OnedocLabs/react-print-pdf/blob/main/tailwind.config.ts "tailwind.config.ts") | [Adds basic support for templates](https://github.com/OnedocLabs/react-print-pdf/commit/57d83c2e1f3790ab31de3e147d96bc0de95c18c3 "Adds basic support for templates") | 2 years agoFeb 9, 2024 |
|
||||
| [tsconfig.json](https://github.com/OnedocLabs/react-print-pdf/blob/main/tsconfig.json "tsconfig.json") | [tsconfig.json](https://github.com/OnedocLabs/react-print-pdf/blob/main/tsconfig.json "tsconfig.json") | [Removes unused ts parsing library and adds commit hook](https://github.com/OnedocLabs/react-print-pdf/commit/081ec7a22e820f7c38ab5bc3ff3f311dcdfd5d14 "Removes unused ts parsing library and adds commit hook") | 2 years agoFeb 8, 2024 |
|
||||
| [tsup.config.ts](https://github.com/OnedocLabs/react-print-pdf/blob/main/tsup.config.ts "tsup.config.ts") | [tsup.config.ts](https://github.com/OnedocLabs/react-print-pdf/blob/main/tsup.config.ts "tsup.config.ts") | [Removes /server trailing dependency](https://github.com/OnedocLabs/react-print-pdf/commit/922065e4434233e844a44ea4151a6f4aade608dc "Removes /server trailing dependency") | 2 years agoApr 3, 2024 |
|
||||
| View all files |
|
||||
|
||||
## Repository files navigation
|
||||
|
||||
|
||||
|
||||
**React Print**
|
||||
|
||||
The new way to build documents.
|
||||
|
||||
High-quality, unstyled components for creating PDFs.
|
||||
|
||||
[Fileforge Website](https://www.fileforge.com/) · [GitHub](https://github.com/OnedocLabs/) · [Discord](https://discord.com/invite/uRJE6e2rgr) · [Documentation](https://docs.fileforge.com/react-print/welcome/getting-started)
|
||||
|
||||
[](https://github.com/OnedocLabs/react-print)[](https://discord.gg/uRJE6e2rgr)[](https://twitter.com/FileforgeLabs)[](https://www.ycombinator.com/companies/fileforge)
|
||||
|
||||
* * *
|
||||
|
||||
# Demo Highlights 🎥
|
||||
|
||||
[Permalink: Demo Highlights 🎥](https://github.com/OnedocLabs/react-print-pdf#demo-highlights-)
|
||||
|
||||
Onedoc\_demo\_compressed.mp4
|
||||
|
||||
# Key Features 🎯
|
||||
|
||||
[Permalink: Key Features 🎯](https://github.com/OnedocLabs/react-print-pdf#key-features-)
|
||||
|
||||
- **Easy to use**: Build your first PDF with react-print-pdf in less than 5 minutes.
|
||||
- **Open source**: Freedom is beautiful, and so is Fileforge. React-print-pdf is open source and free to use.
|
||||
- **Components & Templates**: Kickstart your next document by using our list of components and template created by Fileforge's Team and the community.
|
||||
- **100% Layout's control**: Unlike other solutions, you have complete control over 100% of your layout, including margins, headers, footers, and more.
|
||||
- **Integrate dynamic data to your PDF**: Streamline data from your database and integrate it seamlessly into your PDFs.
|
||||
|
||||
# Introduction ℹ️
|
||||
|
||||
[Permalink: Introduction ℹ️](https://github.com/OnedocLabs/react-print-pdf#introduction-%E2%84%B9%EF%B8%8F)
|
||||
|
||||
A collection of high-quality, unstyled components for creating beautiful PDFs using React and TypeScript. Forget about docx, latex, or painful outdated libraries. With _react-print-pdf_, embrace a new way to create PDFs, designed by and for developers.
|
||||
|
||||
# Why❓
|
||||
|
||||
[Permalink: Why❓](https://github.com/OnedocLabs/react-print-pdf#why)
|
||||
|
||||
We believe documents are at the core of communication—invoices, contracts, resumes, brochures, etc. They are the primary method for exchanging information with others professionally. So, why do we continue to use decades-old technology to create them? We believe you deserve better. Document production needs to be modernized. Start today and create your next PDF the same way you build a web app. And yes, this includes automating data integration into your documents. Say hello to _react-print-pdf_.
|
||||
|
||||
# How does it differ from other solutions? 🧐
|
||||
|
||||
[Permalink: How does it differ from other solutions? 🧐](https://github.com/OnedocLabs/react-print-pdf#how-does-it-differ-from-other-solutions-)
|
||||
|
||||
Unlike other solutions, _react-print-pdf_ gives you complete control over your documents, allowing you to design complex layouts with features like footnotes, headers, margins, and more. Additionally, it enables you to track and analyze specific parts of your document, and build and update charts using data from your database. And this is just the beginning—our team and the community will continue to develop great features to simplify the PDF generation process.
|
||||
|
||||
|
||||
|
||||
# Getting started 🚀
|
||||
|
||||
[Permalink: Getting started 🚀](https://github.com/OnedocLabs/react-print-pdf#getting-started-)
|
||||
|
||||
## 1\. Installation 💿
|
||||
|
||||
[Permalink: 1. Installation 💿](https://github.com/OnedocLabs/react-print-pdf#1-installation-)
|
||||
|
||||
Get the _react-print_ component library.
|
||||
|
||||
### With npm
|
||||
|
||||
[Permalink: With npm](https://github.com/OnedocLabs/react-print-pdf#with-npm)
|
||||
|
||||
```
|
||||
npm install @fileforge/react-print
|
||||
```
|
||||
|
||||
### With yarn
|
||||
|
||||
[Permalink: With yarn](https://github.com/OnedocLabs/react-print-pdf#with-yarn)
|
||||
|
||||
```
|
||||
yarn add @fileforge/react-print
|
||||
```
|
||||
|
||||
### With pnpm
|
||||
|
||||
[Permalink: With pnpm](https://github.com/OnedocLabs/react-print-pdf#with-pnpm)
|
||||
|
||||
```
|
||||
pnpm add @fileforge/react-print
|
||||
```
|
||||
|
||||
## 2\. Import component ↪️
|
||||
|
||||
[Permalink: 2. Import component ↪️](https://github.com/OnedocLabs/react-print-pdf#2-import-component-%EF%B8%8F)
|
||||
|
||||
Import the components you need to your PDF template from our list of pre-build components :
|
||||
|
||||
```
|
||||
import { PageTop, PageBottom, PageBreak } from "@fileforge/react-print";
|
||||
```
|
||||
|
||||
## 3\. Integrate in your document 📄
|
||||
|
||||
[Permalink: 3. Integrate in your document 📄](https://github.com/OnedocLabs/react-print-pdf#3-integrate-in-your-document-)
|
||||
|
||||
Integrate your components and include styles where needed.
|
||||
|
||||
```
|
||||
export const Document = ({ props }) => {
|
||||
return (
|
||||
<div>
|
||||
<PageTop>
|
||||
<span>Hello #1</span>
|
||||
</PageTop>
|
||||
<div>Hello #2</div>
|
||||
<PageBottom>
|
||||
<div className="text-gray-400 text-sm">Hello #3</div>
|
||||
</PageBottom>
|
||||
<PageBreak />
|
||||
<span>Hello #4, but on a new page ! </span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
```
|
||||
|
||||
## 4\. Generate HTML 💻
|
||||
|
||||
[Permalink: 4. Generate HTML 💻](https://github.com/OnedocLabs/react-print-pdf#4-generate-html-)
|
||||
|
||||
```
|
||||
import { compile } from "@fileforge/react-print";
|
||||
|
||||
const html = await compile(<Document />);
|
||||
```
|
||||
|
||||
# Components 🗂️
|
||||
|
||||
[Permalink: Components 🗂️](https://github.com/OnedocLabs/react-print-pdf#components-%EF%B8%8F)
|
||||
|
||||
A set of standard components to help you build amazing documents without having to deal with the mess of creating complex layouts and maintaining archaic markup. Help us extend this list by actively contributing and adding your favorite components!
|
||||
|
||||
[Browse all currently supported components →](https://docs.fileforge.com/react-print/components/compile/compile)
|
||||
|
||||
Note
|
||||
|
||||
Help us extend this list by actively contributing and adding your favorite components!
|
||||
|
||||
# Integrations 🔗
|
||||
|
||||
[Permalink: Integrations 🔗](https://github.com/OnedocLabs/react-print-pdf#integrations-)
|
||||
|
||||
PDF designed with _react-print-print_ can be generated, hosted (and more) with your preferred document management providers.
|
||||
|
||||
- [Fileforge](https://app.fileforge.com/login) : HTML to PDF, cloud hosting, analytics and more.
|
||||
|
||||
# Contributing 🫂
|
||||
|
||||
[Permalink: Contributing 🫂](https://github.com/OnedocLabs/react-print-pdf#contributing-)
|
||||
|
||||
This project is open-source and is intended to be maintained and built by and for developers.
|
||||
|
||||
Wanna help ? Awesome! There are many ways you can contribute! Take a look at:
|
||||
|
||||
- [Contributing Guide](https://docs.fileforge.com/react-print/contributing/contributing)
|
||||
|
||||
# Authors 🧑💻
|
||||
|
||||
[Permalink: Authors 🧑💻](https://github.com/OnedocLabs/react-print-pdf#authors-%E2%80%8D)
|
||||
|
||||
- Auguste L. ( [@thisisnotFranck](https://twitter.com/thisisnotfranck))
|
||||
- Pierre D. ( [@pierre\_dge120](https://twitter.com/pedro_dge120))
|
||||
- Titouan L. ( [@titouan325](https://twitter.com/titouan325))
|
||||
|
||||
# License 📜
|
||||
|
||||
[Permalink: License 📜](https://github.com/OnedocLabs/react-print-pdf#license-)
|
||||
|
||||
[License](https://github.com/OnedocLabs/react-print/blob/main/LICENSE.md)
|
||||
|
||||
# Join the movement ! 🚀
|
||||
|
||||
[Permalink: Join the movement ! 🚀](https://github.com/OnedocLabs/react-print-pdf#join-the-movement--)
|
||||
|
||||
## Activity
|
||||
|
||||
[Permalink: Activity](https://github.com/OnedocLabs/react-print-pdf#activity)
|
||||
|
||||
|
||||
|
||||
## Contributors ✨
|
||||
|
||||
[Permalink: Contributors ✨](https://github.com/OnedocLabs/react-print-pdf#contributors-)
|
||||
|
||||
[](https://github.com/onedoclabs/react-print-pdf/graphs/contributors)
|
||||
|
||||
## Star History 🌟
|
||||
|
||||
[Permalink: Star History 🌟](https://github.com/OnedocLabs/react-print-pdf#star-history-)
|
||||
|
||||
[](https://star-history.com/#Onedoclabs/react-print-pdf&Date)
|
||||
|
||||
[](https://github.com/OnedocLabs/react-print)[](https://discord.gg/uRJE6e2rgr)[](https://twitter.com/FileforgeLabs)[](https://www.ycombinator.com/companies/fileforge)
|
||||
|
||||
* * *
|
||||
|
||||
## About
|
||||
|
||||
Build and generate PDF using React 📄 UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF.
|
||||
|
||||
|
||||
[github.com/OnedocLabs/react-print-pdf/tree/main/docs](https://github.com/OnedocLabs/react-print-pdf/tree/main/docs "https://github.com/OnedocLabs/react-print-pdf/tree/main/docs")
|
||||
|
||||
### Topics
|
||||
|
||||
[react](https://github.com/topics/react "Topic: react") [javascript](https://github.com/topics/javascript "Topic: javascript") [html](https://github.com/topics/html "Topic: html") [open-source](https://github.com/topics/open-source "Topic: open-source") [pdf](https://github.com/topics/pdf "Topic: pdf") [front-end](https://github.com/topics/front-end "Topic: front-end") [opensource](https://github.com/topics/opensource "Topic: opensource") [ui](https://github.com/topics/ui "Topic: ui") [ycombinator](https://github.com/topics/ycombinator "Topic: ycombinator") [document](https://github.com/topics/document "Topic: document") [ui-kit](https://github.com/topics/ui-kit "Topic: ui-kit") [documents](https://github.com/topics/documents "Topic: documents") [print](https://github.com/topics/print "Topic: print") [pdf-generator](https://github.com/topics/pdf-generator "Topic: pdf-generator") [pdf-reader](https://github.com/topics/pdf-reader "Topic: pdf-reader") [pdf-manipulation](https://github.com/topics/pdf-manipulation "Topic: pdf-manipulation") [pdf-library](https://github.com/topics/pdf-library "Topic: pdf-library") [react-print](https://github.com/topics/react-print "Topic: react-print") [pdf-reports](https://github.com/topics/pdf-reports "Topic: pdf-reports") [fileforge](https://github.com/topics/fileforge "Topic: fileforge")
|
||||
|
||||
### Resources
|
||||
|
||||
[Readme](https://github.com/OnedocLabs/react-print-pdf#readme-ov-file)
|
||||
|
||||
### License
|
||||
|
||||
[Apache-2.0 license](https://github.com/OnedocLabs/react-print-pdf#Apache-2.0-1-ov-file)
|
||||
|
||||
### Contributing
|
||||
|
||||
[Contributing](https://github.com/OnedocLabs/react-print-pdf#contributing-ov-file)
|
||||
|
||||
### Uh oh!
|
||||
|
||||
There was an error while loading. [Please reload this page](https://github.com/OnedocLabs/react-print-pdf).
|
||||
|
||||
[Activity](https://github.com/OnedocLabs/react-print-pdf/activity)
|
||||
|
||||
[Custom properties](https://github.com/OnedocLabs/react-print-pdf/custom-properties)
|
||||
|
||||
### Stars
|
||||
|
||||
[**2.5k**\\
|
||||
stars](https://github.com/OnedocLabs/react-print-pdf/stargazers)
|
||||
|
||||
### Watchers
|
||||
|
||||
[**10**\\
|
||||
watching](https://github.com/OnedocLabs/react-print-pdf/watchers)
|
||||
|
||||
### Forks
|
||||
|
||||
[**97**\\
|
||||
forks](https://github.com/OnedocLabs/react-print-pdf/forks)
|
||||
|
||||
[Report repository](https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FOnedocLabs%2Freact-print-pdf&report=OnedocLabs+%28user%29)
|
||||
|
||||
### Uh oh!
|
||||
|
||||
There was an error while loading. [Please reload this page](https://github.com/OnedocLabs/react-print-pdf).
|
||||
|
||||
## [Contributors\ 10](https://github.com/OnedocLabs/react-print-pdf/graphs/contributors)
|
||||
|
||||
- [](https://github.com/Titou325)
|
||||
- [](https://github.com/AugusteLef)
|
||||
- [](https://github.com/pierredge)
|
||||
- [](https://github.com/boukew99)
|
||||
- [](https://github.com/pedro12029)
|
||||
- [![@dependabot[bot]](https://avatars.githubusercontent.com/in/29110?s=64&v=4)](https://github.com/apps/dependabot)
|
||||
- [](https://github.com/jbl0ndie)
|
||||
- [](https://github.com/Kkahihu)
|
||||
- [](https://github.com/the-homeless-god)
|
||||
- [](https://github.com/SOUMITRO-SAHA)
|
||||
|
||||
## Languages
|
||||
|
||||
- [TypeScript54.6%](https://github.com/OnedocLabs/react-print-pdf/search?l=typescript)
|
||||
- [MDX43.7%](https://github.com/OnedocLabs/react-print-pdf/search?l=mdx)
|
||||
- [CSS1.7%](https://github.com/OnedocLabs/react-print-pdf/search?l=css)
|
||||
|
||||
You can’t perform that action at this time.
|
||||
505
.firecrawl/k12-ai-research/react-pdf-builder.md
Normal file
505
.firecrawl/k12-ai-research/react-pdf-builder.md
Normal file
|
|
@ -0,0 +1,505 @@
|
|||
[Skip to content](https://github.com/justinmahar/react-pdf-builder#start-of-content)
|
||||
|
||||
You signed in with another tab or window. [Reload](https://github.com/justinmahar/react-pdf-builder) to refresh your session.You signed out in another tab or window. [Reload](https://github.com/justinmahar/react-pdf-builder) to refresh your session.You switched accounts on another tab or window. [Reload](https://github.com/justinmahar/react-pdf-builder) to refresh your session.Dismiss alert
|
||||
|
||||
{{ message }}
|
||||
|
||||
[justinmahar](https://github.com/justinmahar)/ **[react-pdf-builder](https://github.com/justinmahar/react-pdf-builder)** Public
|
||||
|
||||
generated from [justinmahar/react-kindling](https://github.com/justinmahar/react-kindling)
|
||||
|
||||
- Sponsor
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# Sponsor justinmahar/react-pdf-builder
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
##### GitHub Sponsors
|
||||
|
||||
[Learn more about Sponsors](https://github.com/sponsors)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
[](https://github.com/justinmahar)
|
||||
|
||||
|
||||
|
||||
[justinmahar](https://github.com/justinmahar)
|
||||
|
||||
|
||||
|
||||
[justinmahar](https://github.com/justinmahar)
|
||||
|
||||
|
||||
|
||||
[Sponsor](https://github.com/sponsors/justinmahar)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
##### External links
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
[https://www.paypal.com/paypalme/thejustinmahar/5](https://www.paypal.com/paypalme/thejustinmahar/5)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
[Learn more about funding links in repositories](https://docs.github.com/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/displaying-a-sponsor-button-in-your-repository).
|
||||
|
||||
|
||||
|
||||
|
||||
[Report abuse](https://github.com/contact/report-abuse?report=justinmahar%2Freact-pdf-builder+%28Repository+Funding+Links%29)
|
||||
|
||||
- [Notifications](https://github.com/login?return_to=%2Fjustinmahar%2Freact-pdf-builder) You must be signed in to change notification settings
|
||||
- [Fork\\
|
||||
0](https://github.com/login?return_to=%2Fjustinmahar%2Freact-pdf-builder)
|
||||
- [Star\\
|
||||
3](https://github.com/login?return_to=%2Fjustinmahar%2Freact-pdf-builder)
|
||||
|
||||
|
||||
master
|
||||
|
||||
[**2** Branches](https://github.com/justinmahar/react-pdf-builder/branches) [**2** Tags](https://github.com/justinmahar/react-pdf-builder/tags)
|
||||
|
||||
[Go to Branches page](https://github.com/justinmahar/react-pdf-builder/branches)[Go to Tags page](https://github.com/justinmahar/react-pdf-builder/tags)
|
||||
|
||||
Go to file
|
||||
|
||||
Code
|
||||
|
||||
Open more actions menu
|
||||
|
||||
## Folders and files
|
||||
|
||||
| Name | Name | Last commit message | Last commit date |
|
||||
| --- | --- | --- | --- |
|
||||
| ## Latest commit<br><br>Justin Mahar<br>[Build, version, and publish.](https://github.com/justinmahar/react-pdf-builder/commit/b2a0e3ab8245497f4cda5f0f41c743f3998470d3)<br>success<br>last yearFeb 20, 2025<br>[b2a0e3a](https://github.com/justinmahar/react-pdf-builder/commit/b2a0e3ab8245497f4cda5f0f41c743f3998470d3) · last yearFeb 20, 2025<br>## History<br>[228 Commits](https://github.com/justinmahar/react-pdf-builder/commits/master/) <br>Open commit details<br>[View commit history for this file.](https://github.com/justinmahar/react-pdf-builder/commits/master/) 228 Commits |
|
||||
| [.github](https://github.com/justinmahar/react-pdf-builder/tree/master/.github ".github") | [.github](https://github.com/justinmahar/react-pdf-builder/tree/master/.github ".github") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.storybook](https://github.com/justinmahar/react-pdf-builder/tree/master/.storybook ".storybook") | [.storybook](https://github.com/justinmahar/react-pdf-builder/tree/master/.storybook ".storybook") | [Add components overview](https://github.com/justinmahar/react-pdf-builder/commit/65d61e7b58d3fc3c90c33b90e528e454a9300ed9 "Add components overview") | last yearFeb 16, 2025 |
|
||||
| [public](https://github.com/justinmahar/react-pdf-builder/tree/master/public "public") | [public](https://github.com/justinmahar/react-pdf-builder/tree/master/public "public") | [Update documentation](https://github.com/justinmahar/react-pdf-builder/commit/98c15c5ae097b87cf98fd4dcd8ea0ac92f64d5b9 "Update documentation") | last yearFeb 17, 2025 |
|
||||
| [src](https://github.com/justinmahar/react-pdf-builder/tree/master/src "src") | [src](https://github.com/justinmahar/react-pdf-builder/tree/master/src "src") | [Allow arrays as children of Card](https://github.com/justinmahar/react-pdf-builder/commit/ae18f6c7a6891533fd9506fb9157dfdd2493b9b8 "Allow arrays as children of Card") | last yearFeb 20, 2025 |
|
||||
| [.babelrc.json](https://github.com/justinmahar/react-pdf-builder/blob/master/.babelrc.json ".babelrc.json") | [.babelrc.json](https://github.com/justinmahar/react-pdf-builder/blob/master/.babelrc.json ".babelrc.json") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.eslintignore](https://github.com/justinmahar/react-pdf-builder/blob/master/.eslintignore ".eslintignore") | [.eslintignore](https://github.com/justinmahar/react-pdf-builder/blob/master/.eslintignore ".eslintignore") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.eslintrc.js](https://github.com/justinmahar/react-pdf-builder/blob/master/.eslintrc.js ".eslintrc.js") | [.eslintrc.js](https://github.com/justinmahar/react-pdf-builder/blob/master/.eslintrc.js ".eslintrc.js") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.gitattributes](https://github.com/justinmahar/react-pdf-builder/blob/master/.gitattributes ".gitattributes") | [.gitattributes](https://github.com/justinmahar/react-pdf-builder/blob/master/.gitattributes ".gitattributes") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.gitignore](https://github.com/justinmahar/react-pdf-builder/blob/master/.gitignore ".gitignore") | [.gitignore](https://github.com/justinmahar/react-pdf-builder/blob/master/.gitignore ".gitignore") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.node-version](https://github.com/justinmahar/react-pdf-builder/blob/master/.node-version ".node-version") | [.node-version](https://github.com/justinmahar/react-pdf-builder/blob/master/.node-version ".node-version") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.npmignore](https://github.com/justinmahar/react-pdf-builder/blob/master/.npmignore ".npmignore") | [.npmignore](https://github.com/justinmahar/react-pdf-builder/blob/master/.npmignore ".npmignore") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [.prettierrc.js](https://github.com/justinmahar/react-pdf-builder/blob/master/.prettierrc.js ".prettierrc.js") | [.prettierrc.js](https://github.com/justinmahar/react-pdf-builder/blob/master/.prettierrc.js ".prettierrc.js") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [CODE\_OF\_CONDUCT.md](https://github.com/justinmahar/react-pdf-builder/blob/master/CODE_OF_CONDUCT.md "CODE_OF_CONDUCT.md") | [CODE\_OF\_CONDUCT.md](https://github.com/justinmahar/react-pdf-builder/blob/master/CODE_OF_CONDUCT.md "CODE_OF_CONDUCT.md") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [LICENSE.md](https://github.com/justinmahar/react-pdf-builder/blob/master/LICENSE.md "LICENSE.md") | [LICENSE.md](https://github.com/justinmahar/react-pdf-builder/blob/master/LICENSE.md "LICENSE.md") | [Update theme styles](https://github.com/justinmahar/react-pdf-builder/commit/c1a6daf727f2fe6b62f18261e49da03143a2d176 "Update theme styles") | last yearFeb 11, 2025 |
|
||||
| [MAINTENANCE.md](https://github.com/justinmahar/react-pdf-builder/blob/master/MAINTENANCE.md "MAINTENANCE.md") | [MAINTENANCE.md](https://github.com/justinmahar/react-pdf-builder/blob/master/MAINTENANCE.md "MAINTENANCE.md") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [README.md](https://github.com/justinmahar/react-pdf-builder/blob/master/README.md "README.md") | [README.md](https://github.com/justinmahar/react-pdf-builder/blob/master/README.md "README.md") | [Update documentation](https://github.com/justinmahar/react-pdf-builder/commit/98c15c5ae097b87cf98fd4dcd8ea0ac92f64d5b9 "Update documentation") | last yearFeb 17, 2025 |
|
||||
| [lockblocks.yml](https://github.com/justinmahar/react-pdf-builder/blob/master/lockblocks.yml "lockblocks.yml") | [lockblocks.yml](https://github.com/justinmahar/react-pdf-builder/blob/master/lockblocks.yml "lockblocks.yml") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [package-lock.json](https://github.com/justinmahar/react-pdf-builder/blob/master/package-lock.json "package-lock.json") | [package-lock.json](https://github.com/justinmahar/react-pdf-builder/blob/master/package-lock.json "package-lock.json") | [Build, version, and publish.](https://github.com/justinmahar/react-pdf-builder/commit/b2a0e3ab8245497f4cda5f0f41c743f3998470d3 "Build, version, and publish.") | last yearFeb 20, 2025 |
|
||||
| [package.json](https://github.com/justinmahar/react-pdf-builder/blob/master/package.json "package.json") | [package.json](https://github.com/justinmahar/react-pdf-builder/blob/master/package.json "package.json") | [Build, version, and publish.](https://github.com/justinmahar/react-pdf-builder/commit/b2a0e3ab8245497f4cda5f0f41c743f3998470d3 "Build, version, and publish.") | last yearFeb 20, 2025 |
|
||||
| [remove-peer-deps.js](https://github.com/justinmahar/react-pdf-builder/blob/master/remove-peer-deps.js "remove-peer-deps.js") | [remove-peer-deps.js](https://github.com/justinmahar/react-pdf-builder/blob/master/remove-peer-deps.js "remove-peer-deps.js") | [Initial commit](https://github.com/justinmahar/react-pdf-builder/commit/3850e6b2ad0ab78a709f430be175d311c2753c0a "Initial commit") | last yearJan 30, 2025 |
|
||||
| [tsconfig.json](https://github.com/justinmahar/react-pdf-builder/blob/master/tsconfig.json "tsconfig.json") | [tsconfig.json](https://github.com/justinmahar/react-pdf-builder/blob/master/tsconfig.json "tsconfig.json") | [Add/improve backdrops](https://github.com/justinmahar/react-pdf-builder/commit/bb5106415234abc33aa5102714931c867593aab0 "Add/improve backdrops") | last yearFeb 8, 2025 |
|
||||
| View all files |
|
||||
|
||||
## Repository files navigation
|
||||
|
||||
## 📄 React PDF Builder
|
||||
|
||||
[Permalink:\
|
||||
📄 React PDF Builder\
|
||||
](https://github.com/justinmahar/react-pdf-builder#---react-pdf-builder)
|
||||
|
||||
### Build beautiful PDF documents in React.
|
||||
|
||||
[Permalink:\
|
||||
Build beautiful PDF documents in React.\
|
||||
](https://github.com/justinmahar/react-pdf-builder#--build-beautiful-pdf-documents-in-react)
|
||||
|
||||
[](https://badge.fury.io/js/react-pdf-builder)[](https://github.com/justinmahar/react-pdf-builder/)[](https://github.com/justinmahar/react-pdf-builder/actions?query=workflow%3ADeploy)
|
||||
|
||||
[](https://paypal.me/thejustinmahar/5)[](https://github.com/sponsors/justinmahar)
|
||||
|
||||
### [👁️ View live demo](https://justinmahar.github.io/react-pdf-builder/?path=/story/demo-demo--demo)
|
||||
|
||||
[Permalink: 👁️ View live demo](https://github.com/justinmahar/react-pdf-builder#%EF%B8%8F-view-live-demo)
|
||||
|
||||
## Documentation
|
||||
|
||||
[Permalink: Documentation](https://github.com/justinmahar/react-pdf-builder#documentation)
|
||||
|
||||
Read the **[official documentation](https://justinmahar.github.io/react-pdf-builder/?path=/docs/home--docs)**.
|
||||
|
||||
## Overview
|
||||
|
||||
[Permalink: Overview](https://github.com/justinmahar/react-pdf-builder#overview)
|
||||
|
||||
React PDF Builder is a fully themeable component framework built on [react-pdf](https://react-pdf.org/) and [pdfkit](https://pdfkit.org/).
|
||||
|
||||
The framework includes 30+ ready-to-use [components](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-overview--docs) for headings, paragraphs, lists, tables, buttons, cards, and more.
|
||||
|
||||
If you want to build beautiful PDFs in React without starting from scratch, this is the library for you!
|
||||
|
||||
### Features include:
|
||||
|
||||
[Permalink: Features include:](https://github.com/justinmahar/react-pdf-builder#features-include)
|
||||
|
||||
- **🌟 30+ pre-made [components](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-overview--docs) to make building PDFs a breeze**
|
||||
- Styled and done for you, so you can start building right away.
|
||||
- **🎨 Fully [themeable](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs) with built-in light and dark modes**
|
||||
- All colors and component props can be overridden easily, and class names are supported.
|
||||
- **📏 Scalable to any page size**
|
||||
- Easily [scale](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs#scaling-components-to-fit-pages) all components to match your preferred size.
|
||||
- **🖋️ Drop-in support for 25 commonly used fonts, with bold & italics**
|
||||
- Easily use popular [fonts](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs) like Roboto, Lato, Raleway, or Montserrat—including formatting styles!
|
||||
- **🥳 Support for 5 different emoji sets**
|
||||
- Enable 5 different [emoji sets](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs#adding-emoji-support) by JoyPixels, Noto Emoji, OpenMoji, or Twemoji, with one line of code.
|
||||
- **📊 Table support with page wrapping, theming, and colspans**
|
||||
- Need tables? Look no further. [Beautiful tables](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-tables-table--docs) are at your fingertips.
|
||||
- **🟦 Easy to use gradient backdrops for your pages**
|
||||
- Quickly and easily spruce up your PDF with [gradient backdrops](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-gradientbackdrop--docs), with optional pre-made decorators.
|
||||
- **📦 Box layout system using Flexbox**
|
||||
- If you're familiar with CSS Flexbox, you'll feel right at home using the [Box](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-box--docs) component to lay out your design.
|
||||
- **🔧 Built on well-maintained libraries**
|
||||
- This component framework is built on [react-pdf](https://react-pdf.org/) and [pdfkit](https://pdfkit.org/), which are maintained by only the best and brightest.
|
||||
- **🚀 Much more!**
|
||||
- Dive into the [documentation](https://justinmahar.github.io/react-pdf-builder/?path=/docs/home--docs) to learn more!
|
||||
|
||||
## Donate
|
||||
|
||||
[Permalink: Donate](https://github.com/justinmahar/react-pdf-builder#donate)
|
||||
|
||||
If this project helped save you time, please consider buying me a coffee, which powers my development (and life). Your support is much appreciated!
|
||||
|
||||
[](https://github.com/sponsors/justinmahar)[](https://paypal.me/thejustinmahar/5)[](https://paypal.me/thejustinmahar/15)[](https://paypal.me/thejustinmahar/25)
|
||||
|
||||
## Table of Contents
|
||||
|
||||
[Permalink: Table of Contents](https://github.com/justinmahar/react-pdf-builder#table-of-contents)
|
||||
|
||||
- [Documentation](https://github.com/justinmahar/react-pdf-builder#documentation)
|
||||
- [Overview](https://github.com/justinmahar/react-pdf-builder#overview)
|
||||
- [Features include:](https://github.com/justinmahar/react-pdf-builder#features-include)
|
||||
- [Donate](https://github.com/justinmahar/react-pdf-builder#donate)
|
||||
- [Table of Contents](https://github.com/justinmahar/react-pdf-builder#table-of-contents)
|
||||
- [Installation](https://github.com/justinmahar/react-pdf-builder#installation)
|
||||
- [Quick Start](https://github.com/justinmahar/react-pdf-builder#quick-start)
|
||||
- [Why use React PDF Builder?](https://github.com/justinmahar/react-pdf-builder#why-use-react-pdf-builder)
|
||||
- [How to use React PDF Builder](https://github.com/justinmahar/react-pdf-builder#how-to-use-react-pdf-builder)
|
||||
- [Components overview](https://github.com/justinmahar/react-pdf-builder#components-overview)
|
||||
- [Themes](https://github.com/justinmahar/react-pdf-builder#themes)
|
||||
- [Utility class names](https://github.com/justinmahar/react-pdf-builder#utility-class-names)
|
||||
- [Fonts and formatting](https://github.com/justinmahar/react-pdf-builder#fonts-and-formatting)
|
||||
- [Downloading PDFs](https://github.com/justinmahar/react-pdf-builder#downloading-pdfs)
|
||||
- [Advanced](https://github.com/justinmahar/react-pdf-builder#advanced)
|
||||
- [TypeScript](https://github.com/justinmahar/react-pdf-builder#typescript)
|
||||
- [Icon Attribution](https://github.com/justinmahar/react-pdf-builder#icon-attribution)
|
||||
- [Contributing](https://github.com/justinmahar/react-pdf-builder#contributing)
|
||||
- [⭐ Found It Helpful? Star It!](https://github.com/justinmahar/react-pdf-builder#-found-it-helpful-star-it)
|
||||
- [License](https://github.com/justinmahar/react-pdf-builder#license)
|
||||
|
||||
## Installation
|
||||
|
||||
[Permalink: Installation](https://github.com/justinmahar/react-pdf-builder#installation)
|
||||
|
||||
```
|
||||
npm i @react-pdf/renderer react-pdf-builder
|
||||
```
|
||||
|
||||
> Note: This project has a dependency on [@react-pdf/renderer](https://www.npmjs.com/package/@react-pdf/renderer). Make sure it's installed along with `react-pdf-builder`.
|
||||
|
||||
## Quick Start
|
||||
|
||||
[Permalink: Quick Start](https://github.com/justinmahar/react-pdf-builder#quick-start)
|
||||
|
||||
Below is a component that renders a standard [A4 size](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-page-sizes--docs) PDF with a heading, paragraph, button, and custom styled div. You can use this as a starting point.
|
||||
|
||||
Most components can be [themed](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs) using the `swatch` prop, and custom styled with CSS using `style` or [`className`](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs#class-names).
|
||||
|
||||
Use `LETTER` [page size](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-page-sizes--docs) for 8.5x11" paper used in the USA.
|
||||
|
||||
```
|
||||
import React from 'react';
|
||||
import { Fonts, Themes, ThemedPage, Div, Button, Box, PDFThemeProvider, Heading3, Paragraph } from 'react-pdf-builder'
|
||||
import { Document, Font, PDFViewer } from '@react-pdf/renderer';
|
||||
|
||||
export const QuickStart = () => {
|
||||
const roboto = Fonts.load(Fonts.sansSerif.roboto);
|
||||
Font.register(roboto);
|
||||
Font.registerEmojiSource(Fonts.emojis.joyPixels());
|
||||
const theme = Themes.default.build({
|
||||
scale: 1,
|
||||
override: {
|
||||
classNames: { 'my-custom-class': { color: 'white', backgroundColor: 'darkblue', padding: 10 } },
|
||||
},
|
||||
});
|
||||
return (
|
||||
<PDFViewer style={{ height: 700, width: 500 }}>
|
||||
<Document>
|
||||
<PDFThemeProvider theme={theme}>
|
||||
<ThemedPage size="A4" style={{ fontFamily: roboto.family }}>
|
||||
<Box dir="y" className="gap-3">
|
||||
<Heading3 rule>Hello, world!</Heading3>
|
||||
<Paragraph className="mb-0">Let's get started building the PDF.</Paragraph>
|
||||
<Box>
|
||||
<Button href="#">Button</Button>
|
||||
</Box>
|
||||
<Div className="my-custom-class w-50">50% Div with a custom class. 👍</Div>
|
||||
</Box>
|
||||
</ThemedPage>
|
||||
</PDFThemeProvider>
|
||||
</Document>
|
||||
</PDFViewer>
|
||||
);
|
||||
};
|
||||
```
|
||||
|
||||
This will create the following PDF:
|
||||
|
||||
[](https://justinmahar.github.io/react-pdf-builder/?path=/story/demo-demo--quick-start)
|
||||
|
||||
Click [here](https://justinmahar.github.io/react-pdf-builder/?path=/story/demo-demo--quick-start) to see a live demo of this quick start.
|
||||
|
||||
You can also see the [main project demo](https://justinmahar.github.io/react-pdf-builder/?path=/story/demo-demo--demo) for a deeper look at what's possible with this library.
|
||||
|
||||
## Why use React PDF Builder?
|
||||
|
||||
[Permalink: Why use React PDF Builder?](https://github.com/justinmahar/react-pdf-builder#why-use-react-pdf-builder)
|
||||
|
||||
This framework's underlying library, [react-pdf](https://react-pdf.org/), gives you everything you need to build a beautiful PDF, and is likely the best React PDF renderer that exists.
|
||||
|
||||
And while it's definitely amazing in its own right... you'll have to build your PDF entirely from scratch.
|
||||
|
||||
There are no headings, no tables, no buttons, no lists. Instead, you'll have to define styles for every single element in your PDF.
|
||||
|
||||
This can be a huge hassle when all you want is to start building!
|
||||
|
||||
Enter React PDF Builder.
|
||||
|
||||
This framework provides a set of [30+ pre-made components](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-overview--docs) based on [Bootstrap 5](https://getbootstrap.com/) that can help you bring your PDF to life quickly and easily.
|
||||
|
||||
The framework also gives you the ability to define [class names](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs#class-names) to style your PDF components.
|
||||
|
||||
In addition, there's drop in support for 25 [fonts](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs) with bold and italics, and 5 different sets of [emojis](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs#adding-emoji-support).
|
||||
|
||||
All ready to go, so you can start building immediately.
|
||||
|
||||
## How to use React PDF Builder
|
||||
|
||||
[Permalink: How to use React PDF Builder](https://github.com/justinmahar/react-pdf-builder#how-to-use-react-pdf-builder)
|
||||
|
||||
Follow the quick start above to get up and running quickly.
|
||||
|
||||
Then check out the [components overview](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-overview--docs) for the components you have at your disposal. Each component page has a live example at the bottom.
|
||||
|
||||
You may also want to familiarize yourself with [react-pdf](https://react-pdf.org/), the library this framework is built upon, for the basics.
|
||||
|
||||
## Components overview
|
||||
|
||||
[Permalink: Components overview](https://github.com/justinmahar/react-pdf-builder#components-overview)
|
||||
|
||||
You can see all the [available components here](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-overview--docs).
|
||||
|
||||
## Themes
|
||||
|
||||
[Permalink: Themes](https://github.com/justinmahar/react-pdf-builder#themes)
|
||||
|
||||
React PDF Builder includes a robust theme system that allows you to quickly and easily style the components in the framework.
|
||||
|
||||
The framework includes both a light and dark theme based on [Bootstrap 5](https://getbootstrap.com/).
|
||||
|
||||
Most components support a `swatch` prop that lets you quickly style the component's colors using the theme's color scheme. For instance, to swatch a [Table](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-components-tables-table--docs) to blue, give it the `"blue"` swatch. You can see all [swatch colors here](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs#swatch-colors).
|
||||
|
||||
Want to tweak a theme's appearance? You can [override](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs#override-existing-themes) and define your own custom colors, borders, class names, spacing—you name it.
|
||||
|
||||
You can [read more about themes here](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-themes--docs).
|
||||
|
||||
## Utility class names
|
||||
|
||||
[Permalink: Utility class names](https://github.com/justinmahar/react-pdf-builder#utility-class-names)
|
||||
|
||||
The framework includes a large catalog of utility classes to make styling your PDF components easy (and concise). Utility classes are adapted from [Bootstrap 5](https://getbootstrap.com/docs/5.3/utilities/spacing/), so you may already be familiar with them.
|
||||
|
||||
You can [see all utility classes here](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-utility-classes--docs).
|
||||
|
||||
## Fonts and formatting
|
||||
|
||||
[Permalink: Fonts and formatting](https://github.com/justinmahar/react-pdf-builder#fonts-and-formatting)
|
||||
|
||||
React PDF Builder includes [25 drop-in fonts](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs), ready to use, and supports the Latin charset (used for English) with bold and italic formatting.
|
||||
|
||||
All built-in fonts are hosted via [jsdelivr](https://www.jsdelivr.com/), but you can [self-host](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs#self-hosting-built-in-fonts) them too if you'd like.
|
||||
|
||||
The framework also includes drop-in support for 5 different emoji sets by JoyPixels, Noto Emoji, OpenMoji, and Twemoji. Read more about [emoji support here](https://justinmahar.github.io/react-pdf-builder/?path=/docs/documentation-fonts--docs#adding-emoji-support).
|
||||
|
||||
## Downloading PDFs
|
||||
|
||||
[Permalink: Downloading PDFs](https://github.com/justinmahar/react-pdf-builder#downloading-pdfs)
|
||||
|
||||
If you'd like to make your PDF Document downloadable via a link, you can use the [PDFDownloadLink from react-pdf](https://react-pdf.org/components#pdfdownloadlink).
|
||||
|
||||
## Advanced
|
||||
|
||||
[Permalink: Advanced](https://github.com/justinmahar/react-pdf-builder#advanced)
|
||||
|
||||
For topics like page wrapping, document navigation, and dynamic content, see the [Advanced documentation for react-pdf](https://react-pdf.org/advanced).
|
||||
|
||||
## TypeScript
|
||||
|
||||
[Permalink: TypeScript](https://github.com/justinmahar/react-pdf-builder#typescript)
|
||||
|
||||
Type definitions have been included for [TypeScript](https://www.typescriptlang.org/) support.
|
||||
|
||||
## Icon Attribution
|
||||
|
||||
[Permalink: Icon Attribution](https://github.com/justinmahar/react-pdf-builder#icon-attribution)
|
||||
|
||||
Favicon by [Twemoji](https://github.com/twitter/twemoji).
|
||||
|
||||
## Contributing
|
||||
|
||||
[Permalink: Contributing](https://github.com/justinmahar/react-pdf-builder#contributing)
|
||||
|
||||
Open source software is awesome and so are you. 😎
|
||||
|
||||
Feel free to submit a pull request for bugs or additions, and make sure to update tests as appropriate. If you find a mistake in the docs, send a PR! Even the smallest changes help.
|
||||
|
||||
For major changes, open an issue first to discuss what you'd like to change.
|
||||
|
||||
## ⭐ Found It Helpful? [Star It!](https://github.com/justinmahar/react-pdf-builder/stargazers)
|
||||
|
||||
[Permalink: ⭐ Found It Helpful? Star It!](https://github.com/justinmahar/react-pdf-builder#-found-it-helpful-star-it)
|
||||
|
||||
If you found this project helpful, let the community know by giving it a [star](https://github.com/justinmahar/react-pdf-builder/stargazers): [👉⭐](https://github.com/justinmahar/react-pdf-builder/stargazers)
|
||||
|
||||
Want to support the project? Feel free to grab me a coffee, which is my main source of fuel for development:
|
||||
|
||||
[](https://paypal.me/thejustinmahar/5)[](https://paypal.me/thejustinmahar/15)[](https://paypal.me/thejustinmahar/25)
|
||||
|
||||
## License
|
||||
|
||||
[Permalink: License](https://github.com/justinmahar/react-pdf-builder#license)
|
||||
|
||||
See [LICENSE.md](https://justinmahar.github.io/react-pdf-builder/?path=/docs/license--docs).
|
||||
|
||||
## About
|
||||
|
||||
📄 Build beautiful PDF documents in React.
|
||||
|
||||
|
||||
[justinmahar.github.io/react-pdf-builder/](https://justinmahar.github.io/react-pdf-builder/ "https://justinmahar.github.io/react-pdf-builder/")
|
||||
|
||||
### Resources
|
||||
|
||||
[Readme](https://github.com/justinmahar/react-pdf-builder#readme-ov-file)
|
||||
|
||||
### License
|
||||
|
||||
[MIT license](https://github.com/justinmahar/react-pdf-builder#MIT-1-ov-file)
|
||||
|
||||
### Code of conduct
|
||||
|
||||
[Code of conduct](https://github.com/justinmahar/react-pdf-builder#coc-ov-file)
|
||||
|
||||
### Uh oh!
|
||||
|
||||
There was an error while loading. [Please reload this page](https://github.com/justinmahar/react-pdf-builder).
|
||||
|
||||
[Activity](https://github.com/justinmahar/react-pdf-builder/activity)
|
||||
|
||||
### Stars
|
||||
|
||||
[**3**\\
|
||||
stars](https://github.com/justinmahar/react-pdf-builder/stargazers)
|
||||
|
||||
### Watchers
|
||||
|
||||
[**1**\\
|
||||
watching](https://github.com/justinmahar/react-pdf-builder/watchers)
|
||||
|
||||
### Forks
|
||||
|
||||
[**0**\\
|
||||
forks](https://github.com/justinmahar/react-pdf-builder/forks)
|
||||
|
||||
[Report repository](https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fjustinmahar%2Freact-pdf-builder&report=justinmahar+%28user%29)
|
||||
|
||||
## [Releases\ 2](https://github.com/justinmahar/react-pdf-builder/releases)
|
||||
|
||||
[v2.0.5\\
|
||||
Latest\\
|
||||
\\
|
||||
on Feb 17, 2025Feb 18, 2025](https://github.com/justinmahar/react-pdf-builder/releases/tag/v2.0.5)
|
||||
|
||||
[\+ 1 release](https://github.com/justinmahar/react-pdf-builder/releases)
|
||||
|
||||
## Sponsor this project
|
||||
|
||||
- [](https://github.com/justinmahar)[**justinmahar** Justin Mahar](https://github.com/justinmahar)[Sponsor @justinmahar](https://github.com/sponsors/justinmahar)
|
||||
|
||||
- [https://www.paypal.com/paypalme/thejustinmahar/5](https://www.paypal.com/paypalme/thejustinmahar/5)
|
||||
|
||||
[Learn more about GitHub Sponsors](https://github.com/sponsors)
|
||||
|
||||
## [Packages\ 0](https://github.com/users/justinmahar/packages?repo_name=react-pdf-builder)
|
||||
|
||||
No packages published
|
||||
|
||||
### Uh oh!
|
||||
|
||||
There was an error while loading. [Please reload this page](https://github.com/justinmahar/react-pdf-builder).
|
||||
|
||||
## [Contributors\ 1](https://github.com/justinmahar/react-pdf-builder/graphs/contributors)
|
||||
|
||||
- [](https://github.com/justinmahar)[**justinmahar** Justin Mahar](https://github.com/justinmahar)
|
||||
|
||||
## Languages
|
||||
|
||||
- [TypeScript99.9%](https://github.com/justinmahar/react-pdf-builder/search?l=typescript)
|
||||
- Other0.1%
|
||||
|
||||
You can’t perform that action at this time.
|
||||
1
.firecrawl/k12-ai-research/standards-frameworks.json
Normal file
1
.firecrawl/k12-ai-research/standards-frameworks.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://iste-ascd.org/ai","title":"Artificial Intelligence in Education - ISTE+ASCD","description":"Education leaders must focus on safe, responsible, and effective use of AI that supports the overall instructional vision. Download this free PDF guide (UK ...","position":1},{"url":"https://cms-live-media.iste.org/iste-seal/reports/AI_Skills_Official_Findings_Report_May2025.pdf","title":"[PDF] AI Skills Official Findings Report_May 2025 - ISTE","description":"AI Ready Skills was reviewed against the technical, pedagogical usability framework and the ISTE Standards to determine whether the solution is education-ready.","position":2},{"url":"https://iste.org/standards","title":"Standards | ISTE","description":"The widely adopted ISTE Standards provide a framework for educators to create high-impact, sustainable and scalable learning experiences for all students.","position":3},{"url":"https://cms-live-media.iste.org/iste-seal/reports/AI_Educators_PD_Official_Findings_Report_March2025.pdf","title":"[PDF] AI Educators PD_Official Findings Report _March 2025 - ISTE","description":"AI Educators was reviewed against the technical, pedagogical usability framework and the ISTE Standards to determine whether the solution is ...","position":4},{"url":"https://www.govtech.com/education/k-12/new-guidelines-aim-to-keep-ai-in-schools-human-centered","title":"New Guidelines Aim to Keep AI in Schools Human-Centered","description":"A new, federally supported framework outlines four key steps to help schools from preschool to college adopt AI responsibly and inclusively.","position":5},{"url":"https://www.aiforeducation.io/ai-resources/state-ai-guidance","title":"State AI Guidance for Education","description":"... framework for integrating artificial intelligence (AI) in K-12 education. Released in Fall 2024, it covers key areas such as AI implementation strategies ...","position":6},{"url":"https://iste.org/blog/a-new-approach-to-updating-the-iste-standards","title":"A New Approach to Updating the ISTE Standards","description":"ISTE+ASCD released an updated version of the ISTE Standards reflecting a new, incremental approach for making revisions that we will be using going forward.","position":7},{"url":"https://files.eric.ed.gov/fulltext/ED675311.pdf","title":"[PDF] Framework for AI-Powered Learning Environments - ERIC","description":"... Artificial Intelligence for K-12 initiative. The program is designed to promote AI literacy and to help students to become AI-ready for their post-secondary ...","position":8},{"url":"https://d1y8sb8igg2f8e.cloudfront.net/documents/50_State_Scan__Digital_Literacy_and_AI_Literacy_July_2025.pdf","title":"[PDF] 50 State Scan: Digital Literacy and AI Literacy_July 2025","description":"Best-Practice Digital Literacy Frameworks: 2024 ISTE Standards. ○ AI Literacy Frameworks: Yes, through ISTE digital literacy standards. ○ AI Guidelines for ...","position":9},{"url":"https://csteachers.org/ai-priorities/","title":"AI Learning Priorities for All K-12 Students","description":"All students must learn about artificial intelligence (AI) ... The guidelines serve as a framework to assist standards writers and curricula developers on AI ...","position":10}]}}
|
||||
432
.firecrawl/k12-ai-research/tpt-ai-bundle.md
Normal file
432
.firecrawl/k12-ai-research/tpt-ai-bundle.md
Normal file
|
|
@ -0,0 +1,432 @@
|
|||
[](https://www.teacherspayteachers.com/ "TPT")
|
||||
|
||||
[Log In](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443?authModal=login)[Sign Up](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443?authModal=signup)
|
||||
|
||||
Cart is empty
|
||||
|
||||
Total:
|
||||
|
||||
$0.00
|
||||
|
||||
[View Wish List](https://www.teacherspayteachers.com/Wish-List) [View Cart](https://www.teacherspayteachers.com/Cart)
|
||||
|
||||
[Cart](https://www.teacherspayteachers.com/Cart)
|
||||
|
||||
|
||||
|
||||
## AI and Emerging Technologies Exploration Bundle: Engaging Activities Comp Sci
|
||||
|
||||
$18.98
|
||||
|
||||
$17.08
|
||||
|
||||
Add to cart
|
||||
|
||||
Wish List
|
||||
|
||||
[Description](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443#description) [Reviews](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443#ratings-and-reviews) [Q&A](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443#q-and-a) [\\
|
||||
More fromCTE Warehouse](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443#more-by-seller)
|
||||
|
||||
|
||||
|
||||
View Preview
|
||||
|
||||
Share
|
||||
|
||||
[Share on Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.teacherspayteachers.com%2FProduct%2FAI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443)
|
||||
|
||||
[Share on X (Twitter)](https://x.com/intent/tweet?text=AI%20and%20Emerging%20Technologies%20Exploration%20Bundle%3A%20Engaging%20Activities%20Comp%20Sci&url=https%3A%2F%2Fwww.teacherspayteachers.com%2FProduct%2FAI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443)
|
||||
|
||||
### Description
|
||||
|
||||
AI and Emerging Technologies Exploration Bundle: Engaging Activities for High School Computer Science
|
||||
|
||||
**Dive into the future of technology with this engaging bundle of resources! This collection includes four interactive activities designed to introduce high school students to artificial intelligence and emerging technologies. Perfect for computer science teachers, these resources offer hands-on learning experiences that will captivate your students and prepare them for the tech-driven world of tomorrow.**
|
||||
|
||||
**What's Included:**
|
||||
|
||||
1. **Comprehensive Unit on Emerging Technologies \| High School Computer Science**
|
||||
|
||||
|
||||
- Explore the latest advancements in technology with this comprehensive unit that covers emerging fields such as AI, robotics, blockchain, and more. Students will gain insights into how these technologies are shaping the future.
|
||||
|
||||
1. **AI Exploration WebQuest: Discovering AI and Language Models - ChatGPT**
|
||||
|
||||
|
||||
- Guide students through the fascinating world of artificial intelligence and language models with this interactive WebQuest. They'll explore how AI is used in language processing and its implications in various industries.
|
||||
|
||||
1. **AI Explorations: Engaging TED Talks with Comprehension Activities \| Comp Sci**
|
||||
|
||||
|
||||
- Introduce students to thought leaders in AI through TED Talks, paired with comprehension activities that encourage critical thinking and discussion. Students will explore the ethical, social, and technical aspects of AI development.
|
||||
|
||||
1. **AI WebQuest - Explore Origins & Key Figures of Artificial Intelligence**
|
||||
|
||||
|
||||
- Take students on a journey through the history of AI, exploring its origins and the key figures who have shaped its development. This WebQuest provides a comprehensive overview of AI's evolution and its impact on society.
|
||||
|
||||
**Key Features:**
|
||||
|
||||
- **Interactive & Engaging**: Each resource is designed to promote active learning and student participation, making complex topics accessible and exciting.
|
||||
- **Customizable & Editable**: Editable materials allow you to tailor the content to fit your specific classroom needs.
|
||||
- **Comprehensive Coverage**: Covers various aspects of AI and emerging technologies, making it ideal for computer science courses.
|
||||
- **Aligned with Standards**: Activities align with educational standards for computer science and technology education.
|
||||
|
||||
**Who Should Buy This Bundle?**
|
||||
|
||||
- High School Computer Science Teachers
|
||||
- Technology Educators
|
||||
- STEM Coordinators
|
||||
- Curriculum Designers
|
||||
|
||||
Report this resource to TPT
|
||||
|
||||
Reported resources will be reviewed by our team. [Report this resource](https://teacherspayteachers.wufoo.com/forms/zmclrb00whessu/def/field19=www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443) to let us know if this resource violates [TPT's content guidelines](https://help.teacherspayteachers.com/hc/en-us/articles/360042626931-TPT-Content-Guidelines).
|
||||
|
||||
# AI and Emerging Technologies Exploration Bundle: Engaging Activities Comp Sci
|
||||
|
||||
[](https://www.teacherspayteachers.com/store/cte-warehouse)
|
||||
|
||||
[CTE Warehouse](https://www.teacherspayteachers.com/store/cte-warehouse)
|
||||
|
||||
Follow
|
||||
|
||||
461Followers
|
||||
|
||||
$17.08
|
||||
|
||||
$18.98
|
||||
|
||||
SAVE
|
||||
|
||||
$1.90
|
||||
|
||||
Add to cart
|
||||
|
||||
Wish List
|
||||
|
||||
## Highlights
|
||||
|
||||
|
||||
|
||||
Grades
|
||||
|
||||
9th \- 12th
|
||||
|
||||
|
||||
|
||||
Subjects
|
||||
|
||||
[Computer Science - Technology](https://www.teacherspayteachers.com/browse/science/computer-science-technology)
|
||||
|
||||
Tags
|
||||
|
||||
[Activities](https://www.teacherspayteachers.com/browse/hands-on-activities/activities), [Career and Technical Education](https://www.teacherspayteachers.com/browse/specialty/career-and-technical-education), [Homeschool](https://www.teacherspayteachers.com/browse/homeschool), [Projects](https://www.teacherspayteachers.com/browse/hands-on-activities/projects)
|
||||
|
||||
### Products in this bundle (4)
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/Comprehensive-Unit-on-Emerging-Technologies-High-School-Computer-Science-11908728)
|
||||
|
||||
[Comprehensive Unit on Emerging Technologies \| High School Computer Science](https://www.teacherspayteachers.com/Product/Comprehensive-Unit-on-Emerging-Technologies-High-School-Computer-Science-11908728)
|
||||
|
||||
Engage your high school students with a comprehensive unit on emerging technologies. This complete package includes interactive lessons, research assignments, hands-on activities, and a class debate designed to deepen students' understanding of the latest technological advancements and their impact
|
||||
|
||||
Google Apps
|
||||
|
||||
Preview
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/AI-Exploration-WebQuest-Discovering-AI-and-Language-Models-ChatGPT-9364228)
|
||||
|
||||
[AI Exploration WebQuest: Discovering AI and Language Models-ChatGPT](https://www.teacherspayteachers.com/Product/AI-Exploration-WebQuest-Discovering-AI-and-Language-Models-ChatGPT-9364228)
|
||||
|
||||
Title: AI Exploration WebQuest: Discovering Artificial Intelligence and Language ModelsDescription:Embark on an exciting journey into the world of Artificial Intelligence (AI) with this engaging and interactive AI Exploration WebQuest! Designed for middle school and high school students, this WebQue
|
||||
|
||||
Google Apps
|
||||
|
||||
Preview
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/AI-Explorations-Engaging-TED-Talks-with-Comprehension-Activities-Comp-Sci-10838527)
|
||||
|
||||
[AI Explorations: Engaging TED Talks with Comprehension Activities\| Comp Sci](https://www.teacherspayteachers.com/Product/AI-Explorations-Engaging-TED-Talks-with-Comprehension-Activities-Comp-Sci-10838527)
|
||||
|
||||
AI Explorations: Engaging TED Talks with Comprehension ActivitiesUncover the complexities of Artificial Intelligence (AI) with our AI Explorations package. This resource includes 5 thought-provoking TED Talks, each accompanied by a tailored Google Form with 10 comprehension questions. These activiti
|
||||
|
||||
Google Apps
|
||||
|
||||
Preview
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/AI-WebQuest-Explore-Origins-Key-Figures-of-Artificial-Intelligence-10461482)
|
||||
|
||||
[AI WebQuest - Explore Origins & Key Figures of Artificial Intelligence](https://www.teacherspayteachers.com/Product/AI-WebQuest-Explore-Origins-Key-Figures-of-Artificial-Intelligence-10461482)
|
||||
|
||||
Dive into the fascinating world of Artificial Intelligence (AI) with this comprehensive Webquest! Designed for middle and high school students, this interactive assignment leads them through the origins and significant milestones of AI, highlighting pivotal figures who have shaped the field.What’s I
|
||||
|
||||
Google Apps
|
||||
|
||||
Preview
|
||||
|
||||
## Save even more with bundles
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/Ultimate-STEM-Computer-Science-Collection-141-Engaging-Projects-Activites-11970359)
|
||||
|
||||
[Ultimate STEM & Computer Science Collection: 141 Engaging Projects & Activites](https://www.teacherspayteachers.com/Product/Ultimate-STEM-Computer-Science-Collection-141-Engaging-Projects-Activites-11970359)
|
||||
|
||||
Transform your STEM and computer science curriculum with this all-inclusive bundle of 141 engaging resources! This extensive collection offers a variety of innovative projects, lessons, and activities designed to captivate middle and high school students. From cybersecurity to artificial intelligenc
|
||||
|
||||
$650.00Price $650.00$744.51Original Price $744.51Save $94.51
|
||||
|
||||
141
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/Ultimate-STEM-Comp-Sci-Business-Career-Exploration-Collection-210-Activites-11970387)
|
||||
|
||||
[Ultimate STEM, Comp Sci, Business & Career Exploration Collection 210 Activites](https://www.teacherspayteachers.com/Product/Ultimate-STEM-Comp-Sci-Business-Career-Exploration-Collection-210-Activites-11970387)
|
||||
|
||||
Empower your students with this extensive bundle of 210 resources designed to inspire and educate across STEM, computer science, business, marketing, and career exploration! This all-in-one collection offers a diverse array of projects, lessons, and activities to engage middle and high school studen
|
||||
|
||||
$1014.74Price $1014.74$1127.49Original Price $1127.49Save $112.75
|
||||
|
||||
210
|
||||
|
||||
### Description
|
||||
|
||||
AI and Emerging Technologies Exploration Bundle: Engaging Activities for High School Computer Science
|
||||
|
||||
**Dive into the future of technology with this engaging bundle of resources! This collection includes four interactive activities designed to introduce high school students to artificial intelligence and emerging technologies. Perfect for computer science teachers, these resources offer hands-on learning experiences that will captivate your students and prepare them for the tech-driven world of tomorrow.**
|
||||
|
||||
**What's Included:**
|
||||
|
||||
1. **Comprehensive Unit on Emerging Technologies \| High School Computer Science**
|
||||
|
||||
|
||||
- Explore the latest advancements in technology with this comprehensive unit that covers emerging fields such as AI, robotics, blockchain, and more. Students will gain insights into how these technologies are shaping the future.
|
||||
|
||||
1. **AI Exploration WebQuest: Discovering AI and Language Models - ChatGPT**
|
||||
|
||||
|
||||
- Guide students through the fascinating world of artificial intelligence and language models with this interactive WebQuest. They'll explore how AI is used in language processing and its implications in various industries.
|
||||
|
||||
1. **AI Explorations: Engaging TED Talks with Comprehension Activities \| Comp Sci**
|
||||
|
||||
|
||||
- Introduce students to thought leaders in AI through TED Talks, paired with comprehension activities that encourage critical thinking and discussion. Students will explore the ethical, social, and technical aspects of AI development.
|
||||
|
||||
1. **AI WebQuest - Explore Origins & Key Figures of Artificial Intelligence**
|
||||
|
||||
|
||||
- Take students on a journey through the history of AI, exploring its origins and the key figures who have shaped its development. This WebQuest provides a comprehensive overview of AI's evolution and its impact on society.
|
||||
|
||||
**Key Features:**
|
||||
|
||||
- **Interactive & Engaging**: Each resource is designed to promote active learning and student participation, making complex topics accessible and exciting.
|
||||
- **Customizable & Editable**: Editable materials allow you to tailor the content to fit your specific classroom needs.
|
||||
- **Comprehensive Coverage**: Covers various aspects of AI and emerging technologies, making it ideal for computer science courses.
|
||||
- **Aligned with Standards**: Activities align with educational standards for computer science and technology education.
|
||||
|
||||
**Who Should Buy This Bundle?**
|
||||
|
||||
- High School Computer Science Teachers
|
||||
- Technology Educators
|
||||
- STEM Coordinators
|
||||
- Curriculum Designers
|
||||
|
||||
Report this resource to TPT
|
||||
|
||||
Reported resources will be reviewed by our team. [Report this resource](https://teacherspayteachers.wufoo.com/forms/zmclrb00whessu/def/field19=www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443) to let us know if this resource violates [TPT's content guidelines](https://help.teacherspayteachers.com/hc/en-us/articles/360042626931-TPT-Content-Guidelines).
|
||||
|
||||
## Reviews
|
||||
|
||||
**This product**
|
||||
|
||||
**All products** (740)
|
||||
|
||||
This product has not yet been rated.
|
||||
|
||||
Rated 0 out of 5
|
||||
|
||||
## Questions & Answers
|
||||
|
||||
Please [log in](https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443?authModal=login) to post a question.
|
||||
|
||||
Be the first to ask CTE Warehouse a question about this product.
|
||||
|
||||
[](https://www.teacherspayteachers.com/store/cte-warehouse)
|
||||
|
||||
Meet the Teacher-Author
|
||||
|
||||
[**CTE Warehouse**](https://www.teacherspayteachers.com/store/cte-warehouse)
|
||||
|
||||
Follow
|
||||
|
||||
Manitowoc, Wisconsin, United States
|
||||
|
||||
|
||||
|
||||
4.72
|
||||
|
||||
Store rating after 740 reviews
|
||||
|
||||
|
||||
|
||||
461
|
||||
|
||||
Followers
|
||||
|
||||
|
||||
|
||||
Herb Kohls Education Fellowship Winner
|
||||
National Center for Women in Technology Aspirations Educator Award
|
||||
|
||||
## You may also like
|
||||
|
||||
previous
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/Macys-Thanksgiving-Day-Parade-Marketing-Plan-Project-Business-Marketing-PBL-12472138)
|
||||
|
||||
## [Macy’s Thanksgiving Day Parade Marketing Plan Project -Business & Marketing PBL](https://www.teacherspayteachers.com/Product/Macys-Thanksgiving-Day-Parade-Marketing-Plan-Project-Business-Marketing-PBL-12472138)
|
||||
|
||||
[$4.00Original Price $4.00\\
|
||||
\\
|
||||
Rated 5 out of 5, based on 1 reviews\\
|
||||
\\
|
||||
5.0 (1)](https://www.teacherspayteachers.com/Product/Macys-Thanksgiving-Day-Parade-Marketing-Plan-Project-Business-Marketing-PBL-12472138)
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/A-Day-in-the-Life-of-a-Turkey-Farmer-Thanksgiving-Edition-Career-Exploration-12489696)
|
||||
|
||||
## [A Day in the Life of a Turkey Farmer: Thanksgiving Edition \| Career Exploration](https://www.teacherspayteachers.com/Product/A-Day-in-the-Life-of-a-Turkey-Farmer-Thanksgiving-Edition-Career-Exploration-12489696)
|
||||
|
||||
[$4.00Original Price $4.00\\
|
||||
\\
|
||||
Rated 5 out of 5, based on 2 reviews\\
|
||||
\\
|
||||
5.0 (2)](https://www.teacherspayteachers.com/Product/A-Day-in-the-Life-of-a-Turkey-Farmer-Thanksgiving-Edition-Career-Exploration-12489696)
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/Festive-and-Unique-Careers-A-Christmas-Career-Exploration-Activity-High-School-12575638)
|
||||
|
||||
## [Festive and Unique Careers: A Christmas Career Exploration Activity \|High School](https://www.teacherspayteachers.com/Product/Festive-and-Unique-Careers-A-Christmas-Career-Exploration-Activity-High-School-12575638)
|
||||
|
||||
[$4.00Original Price $4.00\\
|
||||
\\
|
||||
Rated 5 out of 5, based on 3 reviews\\
|
||||
\\
|
||||
5.0 (3)](https://www.teacherspayteachers.com/Product/Festive-and-Unique-Careers-A-Christmas-Career-Exploration-Activity-High-School-12575638)
|
||||
|
||||
[](https://www.teacherspayteachers.com/Product/Gift-Wrap-Stand-Business-Plan-Christmas-Entrepreneurship-Project-PBL-12553866)
|
||||
|
||||
## [Gift Wrap Stand Business Plan \| Christmas Entrepreneurship Project - PBL](https://www.teacherspayteachers.com/Product/Gift-Wrap-Stand-Business-Plan-Christmas-Entrepreneurship-Project-PBL-12553866)
|
||||
|
||||
[$4.00Original Price $4.00\\
|
||||
\\
|
||||
Rated 5 out of 5, based on 1 reviews\\
|
||||
\\
|
||||
5.0 (1)](https://www.teacherspayteachers.com/Product/Gift-Wrap-Stand-Business-Plan-Christmas-Entrepreneurship-Project-PBL-12553866)
|
||||
|
||||
next
|
||||
|
||||
0
|
||||
|
||||
1
|
||||
|
||||
## More from this Teacher-Author
|
||||
|
||||
[Fall](https://www.teacherspayteachers.com/store/cte-warehouse/category-fall-1321507) [Task Cards](https://www.teacherspayteachers.com/store/cte-warehouse/category-task-cards-1279038) [Question of the Day](https://www.teacherspayteachers.com/store/cte-warehouse/category-question-of-the-day-1279037) [Back to School](https://www.teacherspayteachers.com/store/cte-warehouse/category-back-to-school-1273972)
|
||||
|
||||
[](https://www.teacherspayteachers.com/ "TPT")
|
||||
|
||||
TPT is the largest marketplace for PreK-12 resources, powered by a community of educators.
|
||||
|
||||
[Facebook](https://www.facebook.com/TeachersPayTeachers)
|
||||
|
||||
[Instagram](https://www.instagram.com/teacherspayteachers)
|
||||
|
||||
[Pinterest](https://www.pinterest.com/tptpins)
|
||||
|
||||
[Twitter](https://x.com/TpT_Official)
|
||||
|
||||
About
|
||||
|
||||
- [Who we are](https://www.teacherspayteachers.com/About-Us)
|
||||
- [We're hiring](https://www.ixl.com/company/careers)
|
||||
- [Press](https://www.teacherspayteachers.com/PressCoverage)
|
||||
- [Blog](https://blog.teacherspayteachers.com/)
|
||||
- [Gift Cards](https://www.teacherspayteachers.com/Gift-Card)
|
||||
|
||||
Support
|
||||
|
||||
- [Help & FAQ](https://help.teacherspayteachers.com/hc/en-us)
|
||||
- [Security](https://www.teacherspayteachers.com/security)
|
||||
- [Privacy policy](https://privacy.teacherspayteachers.com/policies)
|
||||
- [Student privacy](https://www.teacherspayteachers.com/Student-Privacy-Policy)
|
||||
- [Terms of service](https://www.teacherspayteachers.com/Terms-of-Service)
|
||||
- [Tell us what you think](https://www.ixl.com/feedback/tpt)
|
||||
|
||||
Updates
|
||||
|
||||
Get our weekly newsletter with free resources, updates, and special offers.
|
||||
|
||||
[Get newsletter](https://www.teacherspayteachers.com/Login?f=%2FMy-Account%2FEmail_Preferences)
|
||||
|
||||
IXL family of brands
|
||||
|
||||
[IXL\\
|
||||
\\
|
||||
Comprehensive K-12 personalized learning](https://www.ixl.com/)
|
||||
|
||||
[Rosetta Stone\\
|
||||
\\
|
||||
Immersive learning for 25 languages](https://www.rosettastone.com/)
|
||||
|
||||
[Wyzant\\
|
||||
\\
|
||||
Trusted tutors for 300 subjects](https://www.wyzant.com/)
|
||||
|
||||
[Education.com\\
|
||||
\\
|
||||
35,000 worksheets, games, and lesson plans](https://www.education.com/)
|
||||
|
||||
[Vocabulary.com\\
|
||||
\\
|
||||
Adaptive learning for English vocabulary](https://www.vocabulary.com/)
|
||||
|
||||
[Emmersion\\
|
||||
\\
|
||||
Fast and accurate language certification](https://emmersion.ai/)
|
||||
|
||||
[Thesaurus.com\\
|
||||
\\
|
||||
Essential reference for synonyms and antonyms](https://www.thesaurus.com/)
|
||||
|
||||
[Dictionary.com\\
|
||||
\\
|
||||
Comprehensive resource for word definitions and usage](https://www.dictionary.com/)
|
||||
|
||||
[SpanishDictionary.com\\
|
||||
\\
|
||||
Spanish-English dictionary, translator, and learning](https://www.spanishdictionary.com/)
|
||||
|
||||
[FrenchDictionary.com\\
|
||||
\\
|
||||
French-English dictionary, translator, and learning](https://www.frenchdictionary.com/)
|
||||
|
||||
[Ingles.com\\
|
||||
\\
|
||||
Diccionario inglés-español, traductor y sitio de aprendizaje](https://www.ingles.com/)
|
||||
|
||||
[ABCya\\
|
||||
\\
|
||||
Fun educational games for kids](https://www.abcya.com/)
|
||||
|
||||
© 2025 by IXL Learning
|
||||
|
||||
\|Protected by reCAPTCHA [Privacy](https://policies.google.com/privacy)• [Terms](https://policies.google.com/terms)
|
||||
|
||||
[Help](https://help.teacherspayteachers.com/hc/en-us "Help")
|
||||
|
||||
reCAPTCHA
|
||||
|
||||
Recaptcha requires verification.
|
||||
|
||||
[Privacy](https://www.google.com/intl/en/policies/privacy/) \- [Terms](https://www.google.com/intl/en/policies/terms/)
|
||||
|
||||
protected by **reCAPTCHA**
|
||||
|
||||
[Privacy](https://www.google.com/intl/en/policies/privacy/) \- [Terms](https://www.google.com/intl/en/policies/terms/)
|
||||
1
.firecrawl/k12-ai-research/tpt-cover-design.json
Normal file
1
.firecrawl/k12-ai-research/tpt-cover-design.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://podcasts.apple.com/us/podcast/teacher-business-school-tpt-homeschool-beyond/id1703800106?i=1000722783021","title":"How to Design Scroll-Stopping TPT Covers and Thumbnails That Sell","description":"Lindsay walks through actual TPT covers and thumbnails from her students, offering specific, actionable feedback on how to improve clarity, ...","position":1},{"url":"https://www.youtube.com/watch?v=wHunF8vIB4k","title":"New TPT Layout 2025: How Thumbnails & Previews Could Boost ...","description":"How to Use AI to Improve Teachers Pay Teachers (TPT) Product Covers for Higher Click-Through Rates ... 2026. BellaWong•1M views · 22:58. Go to ...","position":2},{"url":"https://www.tiktok.com/@missmeredithmade/video/7485835488440421662","title":"TPT Thumbnail & Preview Tips for Teachers - TikTok","description":"... TPT previews, maximizing TPT sales with design, best practices for TPT thumbnails ... New AI tool to create high converting YouTube thumbnails ...","position":3},{"url":"https://www.youtube.com/watch?v=-CHLK-krc3E","title":"How to Make Your Teachers Pay Teachers (TPT) Covers ... - YouTube","description":"In this video, Lindsay breaks down exactly how to create scroll-stopping, professional, and high-converting visuals for your Teachers Pay ...","position":4},{"url":"https://lindsaybowden.com/podcast/084/","title":"How to Design TPT Covers and Thumbnails That Pop","description":"Best Practices for TPT Cover Photos · Show a mock-up or an actual photo of your product in use. · Screenshots, classroom photos, or Canva mock-ups work great.","position":5},{"url":"https://www.teacherspayteachers.com/browse?search=tpt%20thumbnail","title":"Tpt Thumbnail | TPT","description":"Browse tpt thumbnail resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":6},{"url":"https://sellerblog.teacherspayteachers.com/tpt-product-pages-are-getting-a-fresh-look/","title":"New: TPT Product Pages Are Getting a Fresh Look","description":"We're improving TPT product pages to better highlight all the important information you've shared about your resources and encourage ...","position":7},{"url":"https://www.youtube.com/watch?v=wtxJSYfZLsk","title":"Your 2026 TPT Roadmap - Build a Store Teachers Return To","description":"If you're ready to grow your TPT store in 2026, this video gives you the whole picture—the roadmap I use to create focus, consistency, ...","position":8},{"url":"https://www.teacherspayteachers.com/browse?search=tpt%20product%20cover%20template","title":"Tpt Product Cover Template | TPT","description":"Looking for a template to make your TPT product cover ? Here you will find a PowerPoint template and directions for making your own TPT ...","position":9},{"url":"https://www.tiktok.com/@teacherprenuertips/video/7189022028731518254","title":"TPT Covers and Thumbnails: Blurry or Intentional? - TikTok","description":"blurry TPT covers explanation, teachers pay teachers thumbnails issues, TPT thumbnail ... guidelines on cover images, improving TPT thumbnail ...","position":10}]}}
|
||||
210
.firecrawl/k12-ai-research/tpt-cover-tips-detail.md
Normal file
210
.firecrawl/k12-ai-research/tpt-cover-tips-detail.md
Normal file
|
|
@ -0,0 +1,210 @@
|
|||
[Skip to main content](https://lindsaybowden.com/podcast/084/#brx-content) [Skip to footer](https://lindsaybowden.com/podcast/084/#brx-footer)
|
||||
|
||||
# How to Design TPT Covers and Thumbnails That Pop
|
||||
|
||||
If you’re selling resources on [Teachers Pay Teachers](https://www.teacherspayteachers.com/), your product listing is everything. Your resource could be the best worksheet or activity out there, but if your cover photo and thumbnails don’t grab attention, buyers may never even click.
|
||||
|
||||
Think of it like this:
|
||||
|
||||
- Keywords help buyers find your resource in search.
|
||||
- Covers and thumbnails convince them to click and buy.
|
||||
|
||||
Both are essential for consistent sales. Let’s break down some best practices so your listings stop the scroll.
|
||||
|
||||
How to Make Your Teachers Pay Teachers (TPT) Covers and Thumbnails Pop - YouTube
|
||||
|
||||
Tap to unmute
|
||||
|
||||
[How to Make Your Teachers Pay Teachers (TPT) Covers and Thumbnails Pop](https://www.youtube.com/watch?v=-CHLK-krc3E) [Lindsay Bowden](https://www.youtube.com/channel/UC2A86lXs9AWpwsBGnH-VRrA)
|
||||
|
||||
|
||||
|
||||
Lindsay Bowden8.47K subscribers
|
||||
|
||||
[Watch on](https://www.youtube.com/watch?v=-CHLK-krc3E)
|
||||
|
||||
[Listen on Apple Podcasts](https://podcasts.apple.com/us/podcast/teacher-business-school-tpt-homeschool-beyond/id1703800106?i=1000722783021)
|
||||
|
||||
[Listen on Spotify](https://open.spotify.com/episode/5UfwfwgaKb37bBbRqRXJin?si=MQTn2rpmQjKF5hl8FBekZg)
|
||||
|
||||
## **Why Covers and Thumbnails Matter**
|
||||
|
||||
When teachers search on TPT, they see rows of tiny squares – your covers. If your cover looks cluttered, too busy, or hard to read, people will scroll right past.
|
||||
|
||||
Once they click into your listing, your thumbnails help seal the deal. The thumbnails give buyers a sneak peek into what’s inside and show the value of your resource.
|
||||
|
||||
That’s why getting these images right is so important.
|
||||
|
||||
### **Best Practices for TPT Cover Photos**
|
||||
|
||||
Let me make it simple for you – here’s what every high-converting cover photo needs:
|
||||
|
||||
- Use the same style, fonts, or colors across your covers.
|
||||
- This makes your products instantly recognizable to repeat buyers.
|
||||
|
||||
**Big, bold, easy-to-read title**
|
||||
|
||||
- Skip fancy fonts like cursive. Stick to clear, block lettering.
|
||||
- Make sure your title can be read even when the image is small in search results.
|
||||
|
||||
**High-contrast colors**
|
||||
|
||||
- Black on white or white on dark backgrounds always works best.
|
||||
- Use free tools like [Coolors Contrast Checker](https://coolors.co/contrast-checker/112a46-acc8e5) to make sure your text pops.
|
||||
|
||||
**Visuals of your resource**
|
||||
|
||||
- Show a mock-up or an actual photo of your product in use.
|
||||
- Screenshots, classroom photos, or [Canva](https://www.canva.com/) mock-ups work great.
|
||||
|
||||
**One strong value grab**
|
||||
|
||||
- Examples:
|
||||
- “100 Worksheets Included”
|
||||
- “Print & Go”
|
||||
- “Answer Keys Provided”
|
||||
- Keep it short and powerful.
|
||||
|
||||
**Consistent branding**
|
||||
|
||||
- Use the same style, fonts, or colors across your covers.
|
||||
- This makes your products instantly recognizable to repeat buyers.
|
||||
|
||||
### **Best Practices for TPT Thumbnails**
|
||||
|
||||
Your thumbnails should show details without overwhelming buyers. Keep them visual first, text second.
|
||||
|
||||
- Highlight sample pages or product previews.
|
||||
- Use short bullet points instead of long sentences.
|
||||
- Add mini callouts like “Differentiated,” “No Prep,” or “Standards-Aligned.”
|
||||
|
||||
Remember: thumbnails are smaller than covers, so focus on visuals over text.
|
||||
|
||||
### **Common Mistakes to Avoid**
|
||||
|
||||
Here are some things that can hurt your sales:
|
||||
|
||||
- **Showing answer keys** – Students _will_ find them if they’re visible!
|
||||
- **Tiny text** – If buyers can’t read it in search, they won’t click.
|
||||
- **Too much info** – Stick to one selling point on the cover.
|
||||
- **Overusing shadows or effects** – Keep it clean and simple.
|
||||
|
||||
### **Ready to Level Up Your Covers and Thumbnails?**
|
||||
|
||||
Remember – your TPT cover photos and thumbnails are your first impression. When they’re clear, professional, and consistent, you’ll stand out in search results and make more sales.
|
||||
|
||||
The best part? You don’t have to be a graphic designer. Free tools like Canva make it easy to create polished, scroll-stopping images that actually convert.
|
||||
|
||||
Want to learn more about creating resources that sell every single day? Grab my [Free Teacher Resource Training](https://lindsaybowden.com/training) where I’ll teach you how to design high-quality resources _and_ market them the right way.
|
||||
|
||||
For more tips and daily encouragement, make sure you’re following me on [Instagram](https://www.instagram.com/lindsaybowden/).
|
||||
|
||||
And if you’re more of a visual learner, check out this episode on [Youtube](https://youtu.be/-CHLK-krc3E) where you can see the audits of TPT covers and thumbnails – watch it here.
|
||||
|
||||
|
||||
|
||||
### About Lindsay
|
||||
|
||||
|
||||
|
||||
Lindsay is a former high school math teacher turned full time online biz owner. She has earned over $320K in revenue from Teachers Pay Teachers.
|
||||
|
||||
### Free trainings
|
||||
|
||||
[Check them out here!](https://lindsaybowden.com/about/#free-trainings)
|
||||
|
||||
### Categories
|
||||
|
||||
[Courses](https://lindsaybowden.com/podcast-category/courses/)
|
||||
|
||||
[Digital Products](https://lindsaybowden.com/podcast-category/digital-products/)
|
||||
|
||||
[Email Marketing](https://lindsaybowden.com/podcast-category/email-marketing/)
|
||||
|
||||
[Family](https://lindsaybowden.com/podcast-category/family/)
|
||||
|
||||
[Online Business](https://lindsaybowden.com/podcast-category/online-business/)
|
||||
|
||||
[Passive Income](https://lindsaybowden.com/podcast-category/passive-income/)
|
||||
|
||||
[Teacher Business](https://lindsaybowden.com/podcast-category/teachers/)
|
||||
|
||||
[tpt](https://lindsaybowden.com/podcast-category/tpt-2/)
|
||||
|
||||
[TPT Advanced](https://lindsaybowden.com/podcast-category/tpt-advanced/)
|
||||
|
||||
[TPT Beginner](https://lindsaybowden.com/podcast-category/tpt/)
|
||||
|
||||
## Recent Episodes
|
||||
|
||||
[](https://lindsaybowden.com/podcast/sell-your-tpt-resources-on-etsy/)
|
||||
|
||||
[](https://lindsaybowden.com/podcast/taxes-for-tpt-sellers/)
|
||||
|
||||
[](https://lindsaybowden.com/podcast/turn-tpt-products-into-kdp-workbooks/)
|
||||
|
||||
[](https://lindsaybowden.com/podcast/tpt-sellers-amazon-kdp-workbooks/)
|
||||
|
||||
## Search Categories
|
||||
|
||||
[Teacher Business](https://lindsaybowden.com/podcast-category/teachers/)
|
||||
|
||||
[Online Business](https://lindsaybowden.com/podcast-category/online-business/)
|
||||
|
||||
[Courses](https://lindsaybowden.com/podcast-category/courses/)
|
||||
|
||||
[TPT Advanced](https://lindsaybowden.com/podcast-category/tpt-advanced/)
|
||||
|
||||
[TPT Beginner](https://lindsaybowden.com/podcast-category/tpt/)
|
||||
|
||||
Search
|
||||
|
||||
[Listen now](https://podcasts.apple.com/us/podcast/digital-product-mama/id1703800106)
|
||||
|
||||
|
||||
|
||||
## About Lindsay
|
||||
|
||||
## Meet your go-to math resource gal
|
||||
|
||||
Lindsay has been creating math resources for over 10 years and now helps other teachers and moms create and sell their own digital products. Shop my resources or learn how to monetize your skills!
|
||||
|
||||
|
||||
|
||||
## 100+ Profitable Teacher Resource Ideas
|
||||
|
||||
Find your perfect, profitable, TPT product idea, and start building an online business that runs on autopilot! 🎉
|
||||
|
||||
JOIN THE NEWSLETTER
|
||||
|
||||
Subscribe to get our latest content by email.
|
||||
|
||||
Which best describes you?No TPT StoreNewer TPT StoreTPT Store & Making Daily Sales
|
||||
|
||||
Send me the list
|
||||
|
||||
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Cookie settingsACCEPT
|
||||
|
||||
Privacy & Cookies Policy
|
||||
|
||||
Close
|
||||
|
||||
#### Privacy Overview
|
||||
|
||||
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities...
|
||||
|
||||
Necessary
|
||||
|
||||
Necessary
|
||||
|
||||
Always Enabled
|
||||
|
||||
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
|
||||
|
||||
Non-necessary
|
||||
|
||||
Non-necessary
|
||||
|
||||
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
|
||||
|
||||
SAVE & ACCEPT
|
||||
1
.firecrawl/k12-ai-research/tpt-cs-bundles.json
Normal file
1
.firecrawl/k12-ai-research/tpt-cs-bundles.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.teacherspayteachers.com/Product/Advanced-Computer-Science-Exploration-AI-Text-Based-Programming-Bundle-10436417","title":"Computer Science - AI & Text-Based Programming Bundle - TPT","description":"Ideal for students with a foundational understanding of coding, this collection delves deep into Artificial Intelligence (AI) and the transition to text-based ...","position":1},{"url":"https://www.teacherspayteachers.com/browse?search=%22computer%20science%20%20curriculum%22","title":"\"computer Science Curriculum\" | TPT","description":"What's Included This all-in-one Computer Science curriculum bundle provides three complete, full-year courses, designed to take ...","position":2},{"url":"https://www.teacherspayteachers.com/Product/AI-and-Emerging-Technologies-Exploration-Bundle-Engaging-Activities-Comp-Sci-11970443","title":"AI and Emerging Technologies Exploration Bundle - TPT","description":"Transform your STEM and computer science curriculum with this all-inclusive bundle of 141 engaging resources! This extensive collection offers a variety of ...","position":3},{"url":"https://www.teacherspayteachers.com/browse?search=computer%20science","title":"Computer Science | TPT","description":"ENTIRE UPDATED CURRICULUM IS NOW AVAILABLE!! This bundle contains my AP Computer Science A curriculum, with resources that align to ...","position":4},{"url":"https://www.teacherspayteachers.com/browse/Search:high%20school%20computer%20curriculum/high-school/9th-grade/learning-skills/problem-solving","title":"High School Computer Curriculum | TPT","description":"... AI innovation with this comprehensive, multi-series curriculum bundle. Designed for grades 5–12 and adaptable for enrichment ...","position":5},{"url":"https://www.teacherspayteachers.com/browse?search=artificial%20intelligence","title":"Artificial Intelligence - TPT","description":"Introduce your students to the world of Artificial Intelligence with this comprehensive AI Learning Bundle, combining the ...","position":6},{"url":"https://www.teacherspayteachers.com/browse/instruction/handouts/science/computer-science-technology/digital/other-digital/above-10?QbW9","title":"Computer Science - Technology Handout Other (digital)s $10 and Up","description":"Browse computer science - technology handout other (digital)s $10 and up on Teachers Pay Teachers, a marketplace trusted by millions of ...","position":7},{"url":"https://www.teacherspayteachers.com/browse/high-school/12th-grade/science/computer-science-technology","title":"12th Grade Computer Science - Technology Resources | TPT","description":"On TPT (Teachers Pay Teachers), 12th grade computer science technology resources include lesson plans, programming projects, coding ...","position":8},{"url":"https://www.teacherspayteachers.com/browse?search=AP%20computer%20science%20principles%20bundle","title":"Ap Computer Science Principles Bundle - TPT","description":"Browse AP computer science principles bundle resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original","position":9},{"url":"https://www.teacherspayteachers.com/browse/teacher-tools/science/computer-science-technology/programs?msclkid=7902ac7509161a8ad9eecae75122aea9","title":"Programs Computer Science - Technology Teacher Tools - TPT","description":"ENTIRE UPDATED CURRICULUM IS NOW AVAILABLE!! This bundle contains my AP Computer Science A curriculum, with resources that align to the ...","position":10}]}}
|
||||
1
.firecrawl/k12-ai-research/tpt-k2.json
Normal file
1
.firecrawl/k12-ai-research/tpt-k2.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.teacherspayteachers.com/browse?search=free%20ai%20worksheets","title":"Free Ai Worksheets - TPT","description":"Browse free ai worksheets resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational ...","position":1},{"url":"https://www.teacherspayteachers.com/browse?search=ai%20worksheets%20free","title":"Ai Worksheets Free - TPT","description":"Browse ai worksheets free resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational ...","position":2},{"url":"https://www.teacherspayteachers.com/browse/elementary/kindergarten/math/applied-math?search=ai%20worksheet","title":"Ai Worksheet | TPT","description":"Browse ai worksheet resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":3},{"url":"https://www.teacherspayteachers.com/browse/teacher-tools/rubrics/elementary/kindergarten?search=ai%20worksheet","title":"Ai Worksheet - TPT","description":"Browse ai worksheet resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":4},{"url":"https://www.teacherspayteachers.com/browse?search=ai%20ay%20freebie","title":"Ai Ay Freebie | TPT","description":"This download contains a print and go game that you can use with your students to help them practice reading words that contain the - ai and - ay patterns.","position":5},{"url":"https://www.teacherspayteachers.com/browse/elementary/kindergarten/math/programs/early-intervention?search=ai%20worksheet","title":"Ai Worksheet - TPT","description":"Browse ai worksheet resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":6},{"url":"https://www.teacherspayteachers.com/browse/elementary/kindergarten/math/math-test-prep?search=ai%20in%20the%20classroom","title":"Ai in the Classroom | TPT","description":"Browse ai in the classroom resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":7},{"url":"https://www.teacherspayteachers.com/browse/free?search=free%20ai%20worksheets","title":"Free Ai Worksheets | TPT","description":"Browse free ai worksheets resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational ...","position":8},{"url":"https://www.teacherspayteachers.com/browse/elementary/kindergarten/math?search=ai%20worksheet","title":"Ai Worksheet - TPT","description":"Browse ai worksheet resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":9},{"url":"https://www.teacherspayteachers.com/browse?search=ai%20worksheets","title":"Ai Worksheets - TPT","description":"Browse ai worksheets resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational ...","position":10}]}}
|
||||
222
.firecrawl/k12-ai-research/tpt-listing-guide.md
Normal file
222
.firecrawl/k12-ai-research/tpt-listing-guide.md
Normal file
|
|
@ -0,0 +1,222 @@
|
|||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[TPT Seller Blog](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[Search](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
Search
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[TPT Seller Blog](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[Search](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
Search
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[The Seller Blog](https://your-link.com/)
|
||||
|
||||
[Search](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
Search
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[Facebook](https://www.facebook.com/PenciDesign)[Twitter](https://x.com/PenciDesign)
|
||||
|
||||
Search
|
||||
|
||||
Copyright 2021 - All Right Reserved
|
||||
|
||||
[Home](https://sellerblog.teacherspayteachers.com/)[Getting Started](https://sellerblog.teacherspayteachers.com/category/getting-started/)Seller Basics: TPT Product Listing Tips to Get More Sales
|
||||
|
||||
[Getting Started](https://sellerblog.teacherspayteachers.com/category/getting-started/) [Marketing](https://sellerblog.teacherspayteachers.com/category/marketing/)
|
||||
|
||||
# Seller Basics: TPT Product Listing Tips to Get More Sales
|
||||
|
||||
by [Team TPT](https://sellerblog.teacherspayteachers.com/author/teamtpt/)October 10, 2024
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/wp-content/uploads/2024/10/tpt-product-listing-tips-to-get-more-sales-scaled.jpg)
|
||||
|
||||
_15.1K_
|
||||
|
||||
With all the hard work and creativity you put into your resources, they deserve to shine on TPT. That’s why having standout product listings is essential. Your product listings on TPT are an opportunity to capture the attention of potential Buyers and showcase the value of your resources. Done successfully, they’ll draw Buyers to your store and drive more sales. So how can you optimize this key area on TPT? Here are 8 best practices to help increase visibility and maximize conversions.
|
||||
|
||||
## How to create TPT product listings that drive more sales
|
||||
|
||||
### 1\. Use a descriptive title with keywords
|
||||
|
||||
When it comes to getting more eyes on your product, the title you give your resource is crucial. The title you choose can increase the chances that your product will show up in a Buyer’s search on TPT, and it can entice potential Buyers to click your resource to learn more.
|
||||
|
||||
You’ll want your title to be descriptive to help Buyers quickly understand the value of your product and if it’s a fit for their needs. You can use up to 80 characters in your title to help convey what sets your product apart. Is your resource hands-on? Is it differentiated? When relevant, consider adding these details to your title to attract Buyers to your resource.
|
||||
|
||||
When naming your product, consider the keywords or phrases Buyers would use to search on TPT to find a resource like yours. By using these words and phrases in your title, your resource is more likely to match more Buyer searches. Keep in mind that Buyers tend to search for longer phrases (e.g., “states of matter activity”) versus single-words (e.g., “matter”).
|
||||
|
||||
When using keywords in your title, be sure to do so in a natural, easy-to-read way. Keep in mind that overusing keywords in an unnatural way is called “keyword stuffing” and should be avoided. Keyword stuffing doesn’t help educators evaluate if a resource meets their needs, so it can result in lower Buyer satisfaction.
|
||||
|
||||
### 2\. Write an in-depth product description
|
||||
|
||||
Your resource’s description is another key opportunity to get more eyes on your product listing and encourage more purchases. You’ll want to be sure to provide as much information in your description as clearly as possible. Be sure to also include any relevant keywords in a natural way (while avoiding keyword stuffing). This can help your resource show up in more Buyer searches.
|
||||
|
||||
The first 1-3 sentences of your product description are called your “snippet,” and you’ll want to be especially intentional about the information you include here. These sentences are displayed next to your resource’s cover image in TPT search, so it’s an important chance to get Buyers interested in learning more about your resource.
|
||||
|
||||
To make your product description even more compelling, consider sharing not only what your resource includes, but also how it will make a difference in a teacher’s life. If it will save them time or make their lessons more engaging, let them know! Additionally, consider any questions or concerns a potential Buyer might have about the resource and address them in your description so Buyers will feel confident making a purchase. To break up any long blocks of information, use formatting tools, such as bolding, underlining, bullets, and line breaks.
|
||||
|
||||
**Teacher-Author Tip:**“First, think about what information Buyers need before making a purchase. Remember that you’re asking a hardworking, underpaid teacher to invest in a resource. What would show Buyers that this resource is worth the investment?” – Kristi from [Moore English](https://www.teacherspayteachers.com/Store/Moore-English?utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23)
|
||||
|
||||
### 3\. Create a scroll-stopping cover image
|
||||
|
||||
Your cover image is absolutely critical. It’s the first square thumbnail on your product listing and the image that displays in TPT search results. When potential Buyers are browsing on TPT, your cover image shapes their first impression of your product. An effective cover image will capture a Buyer’s interest, stop them from scrolling in search, and get them to click on your resource to learn more. When creating your cover image, here are some best practices to keep in mind:
|
||||
|
||||
- **Use crisp and clear images:** Photographs should be well-lit and high-quality. Consider a snapshot of your resource in action or showing a sample of a completed product to help bring your resource to life.
|
||||
- **Make text simple and bold:** Keep the text on your cover image simple and use a font that’s bold and easy-to-read. Be sure that the colors of your font and your background have a high contrast to support readability.
|
||||
- **Consider different scales:** Your cover image will display at a smaller size in TPT search results than it will on your product page. Make sure any images and text you use are crisp and readable at different sizes, and keep in mind that some Buyers may be browsing on small phone screens.
|
||||
- **Maximize the available space:** The recommended cover image size is at least 750×750 pixels. Don’t let any of that space go to waste! Your cover should be a full-sized, square image.
|
||||
- **Keep your covers cohesive:** Using a similar color palette and fonts throughout your cover images can help you build a strong brand so Buyers will begin to recognize your resources in TPT search.
|
||||
|
||||
**Teacher-Author Tip:** “Show a close up of the product IN ACTION. It’s so important that Buyers see what your resource will do in the first few moments of seeing your thumbnail.” — Jane from [Tech Teacher Pto3](https://www.teacherspayteachers.com/Store/Tech-Teacher-Pto3?utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23)
|
||||
|
||||
### 4\. Add high quality thumbnails
|
||||
|
||||
In addition to your cover image, you can add up to three additional thumbnails to your product listing. Creating high-quality, visually appealing thumbnails for your product is a powerful way to promote your resource and encourage more purchases. Many of the best practices for cover images also apply to thumbnails. They should be full-sized, crisp, and easy-to-read.
|
||||
|
||||
Thumbnails are an opportunity to show additional benefits and features of your resource beyond your cover image. Unlike your cover image, your thumbnails won’t show in search, so they’ll only display at a larger scale on your product listing page. For this reason, your thumbnails can be slightly more detailed than your cover image, but still keep in mind that some potential Buyers are shopping on small phone screens.
|
||||
|
||||
If you’re looking for some help getting started with your covers and thumbnails, you can find a wide variety of Seller-created, high-quality templates on TPT [here](https://www.teacherspayteachers.com/browse?search=thumbnail%20templates&utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23).
|
||||
|
||||
### 5\. Provide a detailed preview file
|
||||
|
||||
One of the most impactful ways you can improve your product listing is by including a detailed preview of your resource. In fact, in a previous survey of Buyers on TPT, 62% shared that thorough previews have the largest influence on their decision to purchase a resource. A strong, in-depth preview can give Buyers confidence that your resource is a good investment for them.
|
||||
|
||||
Your preview should give Buyers a full sense of what your resource includes and how it will benefit them and their students. You might consider adding the following:
|
||||
|
||||
- An introductory page that shares the benefits and key features of the resource
|
||||
- For longer products, a well-organized list of what the resource contains
|
||||
- Full sample pages that are readable and may be watermarked
|
||||
- Zoomed-out composites that show multiple pages and give a glimpse of the full resource
|
||||
- Photographs of your resource in action or completed sample work
|
||||
- Quotes from positive Buyer reviews to prove your resource has been tried and tested
|
||||
|
||||
To help you create strong previews for your resources, Teacher-Authors on TPT have shared numerous templates you can use to get started. [Browse preview file templates here](https://www.teacherspayteachers.com/browse?search=preview%20template&st=1ae4c58c6a19884e20bebe9c28c36764&utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23).
|
||||
|
||||
In addition, a video preview can be an excellent option, especially if your resource has an element of interactivity you’d like to demonstrate. If you want to learn more about creating video previews for your resources, [check out these articles](https://help.teacherspayteachers.com/hc/en-us/sections/360009146911-Video-Previews-for-Resources?utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23) in our help center.
|
||||
|
||||
**Teacher-Author Tip:** “Describe how the product will solve the problems a teacher is facing versus just throwing up screenshots of your resources.” – Michelle from [Secondary Sparks](https://www.teacherspayteachers.com/Store/Secondary-Sparks?utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23)
|
||||
|
||||
**Teacher-Author Tip:** “The preview’s job is to demonstrate through images what the resource offers and how the resource will help teachers save time, effort, and give them back ‘brain space’ for all the other responsibilities of a teacher.” – Deborah from [Dramamommaspeaks](https://www.teacherspayteachers.com/Store/Dramamommaspeaks?utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23)
|
||||
|
||||
### 6\. Set a fair price
|
||||
|
||||
The expertise and time you put into your resource is valuable, so you should feel empowered to price your product appropriately. Ask yourself what you would pay for a resource like yours, and if you’re comfortable doing so, you might ask a few teacher friends what they think is a fair price, too. Take into account all the value-adding features of your resource — such as options for differentiation or included assessments — as these could be reasons to set a higher price for your product. Resources on TPT are almost always a very good value for the prices, and you deserve to be paid for your professional work.
|
||||
|
||||
Keep in mind that price is an important factor Buyers consider, but it’s not the only factor. If a resource isn’t selling as expected, lowering the price is one of many potential solutions. Adjusting other aspects of your product listing, such as your description or preview, could be just as impactful and result in you earning more from your work. If you update a resource and add more features, that’s a good reason to consider increasing the price. External economic factors, such as inflation and cost of living increases, are also valid reasons to increase your prices over time.
|
||||
|
||||
### 7\. Add relevant grade, subject, and standards tags
|
||||
|
||||
Adding appropriate tags to your product listing is another way to help Buyers find your resource in search and recognize if it’s a fit for their needs. You have the option to tag relevant grades, subjects, standards, and resource type. These tags correspond with the filters available on TPT search. This means if a Buyer conducts a search and filters for “Algebra,” your resource is more likely to show up if it’s tagged for “Algebra” and relevant to their search.
|
||||
|
||||
Please be sure you’re only tagging grades that your resource is directly intended for. We recommend tagging no more than four grades to give potential Buyers a clear understanding of the appropriate age group for your resource. Fewer is better to provide as much clarity to potential Buyers as possible. In previous testing, we saw that Buyers across all grade levels purchase more when a resource is tagged to a more specific range of grades.
|
||||
|
||||
Occasionally, a broader range of grades may be appropriate for certain subject areas and resource types — such as World Language, Special Education, or clip art — which can be used across grade levels. Whenever possible, we recommend limiting to as few tags as possible or using the “Not Grade Specific” tag.
|
||||
|
||||
### 8\. Cultivate positive reviews
|
||||
|
||||
Ratings & Reviews are a crucial aspect of your product listing that potential Buyers will consider. While you can’t directly modify this part of your product listing, you can indirectly strengthen it by taking steps to ensure Buyers have a positive experience with your resource and store.
|
||||
|
||||
To encourage positive reviews, providing a great customer experience is key. This can include:
|
||||
|
||||
- Replying promptly to questions from your Buyers in your Q&As
|
||||
- Responding to reviews respectfully, even when they’re constructive
|
||||
- Improving your resources by incorporating Buyer feedback in future updates
|
||||
- Being clear in your product description and using appropriate tags to ensure your product aligns with a Buyer’s expectations
|
||||
- Providing teacher instructions, answer keys, and other tools that will help Buyers use your resource successfully
|
||||
|
||||
Once you have enough qualifying positive reviews, you’ll be able to take advantage of the testimonials feature on your paid products. Testimonials are featured quotes pulled from positive reviews Buyers left on your resource. They automatically display prominently above the description of your product listing, and you have the option to modify them if you’d like. You can [learn more about testimonials in our Help Center](https://help.teacherspayteachers.com/hc/en-us/articles/7962838568596?utm_source=seller-blog&utm_medium=blog&utm_campaign=getting-started23).
|
||||
|
||||
—
|
||||
|
||||
By putting these TPT product listing tips into practice, your listings will truly represent the quality and comprehensiveness of your resources. With all the expertise, creativity, and heart you put into your products, they deserve nothing less than a standout listing that gets them noticed. So take the time to elevate your product listings, and know your efforts will pay off in increased views, sales, and overall success for your store.
|
||||
|
||||
[product listings](https://sellerblog.teacherspayteachers.com/tag/product-listings/)
|
||||
|
||||
0 [Like](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/# "Like")[Facebook](https://www.facebook.com/sharer/sharer.php?u=https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/) [Twitter](https://x.com/intent/tweet?text=Check%20out%20this%20article:%20Seller%20Basics%3A%20TPT%20Product%20Listing%20Tips%20to%20Get%20More%20Sales%20-%20https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/) [Pinterest](https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fsellerblog.teacherspayteachers.com%2Fseller-basics-tpt-product-listing-tips-to-get-more-sales%2F&media=https%3A%2F%2Fsellerblog.teacherspayteachers.com%2Fwp-content%2Fuploads%2F2024%2F10%2Ftpt-product-listing-tips-to-get-more-sales-scaled.jpg&description=Seller+Basics%3A+TPT+Product+Listing+Tips+to+Get+More+Sales) [Email](mailto:?subject=Seller%20Basics:%20TPT%20Product%20Listing%20Tips%20to%20Get%20More%20Sales&BODY=https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/) [Share Expand](https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/#)
|
||||
|
||||
[](https://teacherspayteachers.com/)
|
||||
|
||||
TPT is the largest marketplace for PreK-12 resources, powered by a community of educators.
|
||||
|
||||
[](https://www.facebook.com/TeachersPayTeachers)[](https://www.instagram.com/teacherspayteachers)[](https://www.pinterest.com/tptpins)[](https://twitter.com/TpT_Official)
|
||||
|
||||
**ABOUT**
|
||||
|
||||
[Who We Are](https://www.teacherspayteachers.com/About-Us)
|
||||
|
||||
[We're Hiring](https://www.ixl.com/company/careers)
|
||||
|
||||
[Press](https://www.teacherspayteachers.com/PressCoverage)
|
||||
|
||||
[Blog](http://blog.teacherspayteachers.com/)
|
||||
|
||||
**SUPPORT**
|
||||
|
||||
[Help & FAQ](https://www.teacherspayteachers.com/Help)
|
||||
|
||||
[Privacy Policy](https://www.teacherspayteachers.com/Privacy-Policy)
|
||||
|
||||
[Student Privacy](https://www.teacherspayteachers.com/Student-Privacy-Policy)
|
||||
|
||||
[Terms of Service](https://www.teacherspayteachers.com/Terms-of-Service)
|
||||
|
||||
**UPDATES**
|
||||
|
||||
Get our weekly newsletter with free resources, updates, and special offers.
|
||||
|
||||
[Get newsletter](https://www.teacherspayteachers.com/My-Account/Email_Preferences)
|
||||
|
||||
* * *
|
||||
|
||||
**IXL FAMILY OF BRANDS**
|
||||
|
||||
**[IXL](https://www.ixl.com/)**
|
||||
|
||||
Comprehensive K-12 personalized learning
|
||||
|
||||
**[Rosetta Stone](https://www.rosettastone.com/)**
|
||||
|
||||
Immersive learning for 25 languages
|
||||
|
||||
**[Wyzant](https://www.wyzant.com/)**
|
||||
|
||||
Trusted tutors for 300 subjects
|
||||
|
||||
**[Vocabulary.com](https://www.vocabulary.com/)**
|
||||
|
||||
Adaptive learning for English vocabulary
|
||||
|
||||
**[ABCya](https://www.abcya.com/)**
|
||||
|
||||
Fun educational games for kids
|
||||
|
||||
**[SpanishDict](https://www.spanishdict.com/)**
|
||||
|
||||
Spanish-English dictionary, translator, and learning
|
||||
|
||||
**[Emmersion](https://emmersion.ai/)**
|
||||
|
||||
Fast and accurate language certification
|
||||
|
||||
**[Education.com](https://www.education.com/)**
|
||||
|
||||
35,000 worksheets, games, and lesson plans
|
||||
|
||||
© 2023 by Teacher Synergy, LLC
|
||||
1
.firecrawl/k12-ai-research/tpt-listing-tips.json
Normal file
1
.firecrawl/k12-ai-research/tpt-listing-tips.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers","title":"TPT SEO Guide 2026: How to Make Your Products Rank #1 on ...","description":"Learn how TPT SEO works in 2026 and how to optimize titles, descriptions, tags, and previews. Use SEOLumina's keyword data to rank higher ...","position":1},{"url":"https://sellerblog.teacherspayteachers.com/seller-basics-tpt-product-listing-tips-to-get-more-sales/","title":"Seller Basics: TPT Product Listing Tips to Get More Sales","description":"How to create TPT product listings that drive more sales · 1. Use a descriptive title with keywords · 2. Write an in-depth product description · 3.","position":2},{"url":"https://sellerblog.teacherspayteachers.com/tpt-seller-seo-tips/","title":"SEO Tips to Get Your Resources Noticed in Online Searches","description":"Always try to highlight what your resource offers that others don't in your keyword choices, titles, and descriptions. Where to implement SEO on ...","position":3},{"url":"https://www.youtube.com/watch?v=tzQubABRG4Q","title":"Teachers Pay Teachers [How To Optimize Your Product Listings]","description":"I have a monthly subscription. My sidebar doesn't have the same options as yours. I don't have \"Shop audit\" or \"product optimizer\".","position":4},{"url":"https://www.youtube.com/watch?v=eQRAMxzw8NY","title":"TPT SEO: Common Mistakes to Avoid in 2025 - YouTube","description":"Are you struggling to get your TPT products to rank in search? You're not alone! In this episode, I'm diving into four major SEO mistakes ...","position":5},{"url":"https://seolumina.com/blog/tpt-product-title-formulas-that-rank-the-2026-data-driven-guide","title":"TPT Product Title Formulas That Rank: The 2026 Data-Driven Guide","description":"Master proven TPT title formulas that boost rankings and sales. Data-driven guide with examples, optimization strategies, ...","position":6},{"url":"https://www.facebook.com/groups/1679191496304236/posts/1882117329344984/","title":"Improve tpt product listings with seo tool - Facebook","description":"If you're looking to take your TPT earnings to the next level in 2026, you HAVE to check out this new SEO bookmark tool.","position":7},{"url":"https://www.straightnorth.com/blog/title-tags-and-meta-descriptions-how-to-write-and-optimize-them-in-2026/","title":"How to Optimize Title Tags & Meta Descriptions in 2026","description":"Learn how to write title tags and meta descriptions that boost visibility and click-throughs in 2026. Get practical best practices you can ...","position":8},{"url":"https://www.youtube.com/watch?v=8vp2S2Ut7gg","title":"How to make Great TpT Product Titles that Get High Ranking SEO","description":"Your TpT porduct titles will get yu more customers because they will help you rank better on Search Engines. So let's make searchable, ...","position":9},{"url":"https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/","title":"Top Teacher Needs and Priorities for the 2025-2026 School Year","description":"We surveyed nearly 8000 educators on TPT. Find out what's on their minds this year and how your resources can help.","position":10}]}}
|
||||
1
.firecrawl/k12-ai-research/tpt-sel-bestsellers.json
Normal file
1
.firecrawl/k12-ai-research/tpt-sel-bestsellers.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.teacherspayteachers.com/browse/free?search=social%20and%20emotional%20learning%20journal%20prompt","title":"Social and Emotional Learning Journal Prompt - TPT","description":"This free resource includes 5 journal prompts focused on self-awareness and helping kids understand their individual strengths and challenges.","position":1},{"url":"https://www.teacherspayteachers.com/browse?search=sel%20journal","title":"Sel Journal | TPT","description":"This Growth Mindset & SEL bell ringer journal , designed for the entire school year, includes 275 daily journal prompts for middle ...","position":2},{"url":"https://www.teacherspayteachers.com/browse/free?search=sel%20check%20in%20questions","title":"Sel Check in Questions | TPT","description":"Browse sel check in questions resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original ...","position":3},{"url":"https://www.teacherspayteachers.com/browse?search=feelings%20journal%20free","title":"Feelings Journal Free | TPT","description":"This free resource includes 5 journal prompts focused on self-awareness and helping kids understand their individual strengths and challenges.","position":4},{"url":"https://www.teacherspayteachers.com/browse/free?search=daily%20sel","title":"Daily Sel - TPT","description":"This product includes 20 free daily check in slides that focus on social and emotional learning! It gives educators as well as students ...","position":5},{"url":"https://www.teacherspayteachers.com/browse/free?search=sel%20for%20middle%20school","title":"Sel for Middle School - TPT","description":"Browse sel for middle school resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original ...","position":6},{"url":"https://www.teacherspayteachers.com/browse/instruction/interactive-notebooks/free?search=daily%20emotional%20check%20in","title":"Daily Emotional Check in - TPT","description":"This free printable is great to use as a daily check - in to help students recognize and name emotions . It is great to use for morning ...","position":7},{"url":"https://www.teacherspayteachers.com/browse?search=interactive%20journals%20for%20social%20emotional%20learning","title":"Interactive Journals for Social Emotional Learning - TPT","description":"Looking for a full-year SEL writing solution? This printable SEL journal bundle includes 36 weekly prompts designed to fit perfectly ...","position":8},{"url":"https://www.teacherspayteachers.com/browse/printables/high-school/11th-grade/free?search=feelings%20check%20in","title":"Feelings Check in - TPT","description":"This new FREEBIE is intended to help you as the teacher learn more about your students' attitudes and feelings towards studying math.","position":9},{"url":"https://www.teacherspayteachers.com/browse/free?search=emotional%20check%20in%20worksheet","title":"Emotional Check in Worksheet - TPT","description":"This FREE Morning Feelings Check - In Worksheet is a simple SEL daily routine to help students reflect on emotions and start the school ...","position":10}]}}
|
||||
1
.firecrawl/k12-ai-research/tpt-sel-general.json
Normal file
1
.firecrawl/k12-ai-research/tpt-sel-general.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://www.teacherspayteachers.com/Browse/Search:sel%20learning%20journal","title":"Sel Learning Journal | TPT","description":"Use this Social Emotional Learning Journal to teach SEL skills throughout the whole year! Skills targeted include self-awareness, ...","position":1},{"url":"https://www.teacherspayteachers.com/browse/social-emotional/social-emotional-learning?search=sel%20learning%20journal","title":"Sel Learning Journal | TPT","description":"Browse sel learning journal resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":2},{"url":"https://www.teacherspayteachers.com/browse/instruction/handouts/social-emotional/classroom-community?search=sel%20learning%20journal","title":"Sel Learning Journal - TPT","description":"Browse sel learning journal resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":3},{"url":"https://www.teacherspayteachers.com/browse/instruction/handouts/social-emotional?search=sel%20learning%20journal","title":"Sel Learning Journal - TPT","description":"Browse sel learning journal resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":4},{"url":"https://www.teacherspayteachers.com/browse/instruction/handouts/social-emotional/character-education?search=sel%20learning%20journal","title":"Sel Learning Journal | TPT","description":"Browse sel learning journal resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational resources.","position":5},{"url":"https://www.teacherspayteachers.com/browse/free?search=social%20and%20emotional%20learning%20journal%20prompt","title":"Social and Emotional Learning Journal Prompt - TPT","description":"This free resource includes 5 journal prompts focused on self-awareness and helping kids understand their individual strengths and challenges.","position":6},{"url":"https://www.teacherspayteachers.com/browse?search=sel%20journal","title":"Sel Journal | TPT","description":"This Growth Mindset & SEL bell ringer journal , designed for the entire school year, includes 275 daily journal prompts for middle ...","position":7},{"url":"https://www.teacherspayteachers.com/browse?search=social%20and%20emotional%20learning%20journal","title":"Social and Emotional Learning Journal - TPT","description":"Use this Social Emotional Learning Journal to teach SEL skills throughout the whole year! Skills targeted include self-awareness, ...","position":8},{"url":"https://www.teacherspayteachers.com/browse?search=free%20sel%20lessons","title":"Free Sel Lessons | TPT","description":"Browse free sel lessons resources on Teachers Pay Teachers, a marketplace trusted by millions of teachers for original educational ...","position":9},{"url":"https://www.teacherspayteachers.com/Product/Social-Emotional-Learning-Journal-Prompts-for-Middle-School-and-High-School-5945205","title":"Social Emotional Learning Journal Prompts for Middle School and ...","description":"This resource includes 25 different journal prompts to help promote personal reflection in middle and high school students.","position":10}]}}
|
||||
690
.firecrawl/k12-ai-research/tpt-seo-2026.md
Normal file
690
.firecrawl/k12-ai-research/tpt-seo-2026.md
Normal file
|
|
@ -0,0 +1,690 @@
|
|||
Published November 21, 2025· Updated March 12, 2026• 7 min read
|
||||
|
||||
# TPT SEO Guide 2026: How to Make Your Products Rank \#1 on Teachers Pay Teachers
|
||||
|
||||
|
||||
|
||||
### Table of Contents
|
||||
|
||||
- [Why TPT SEO Matters More Than Ever in 2026](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#why-tpt-seo-matters-more-than-ever-in-2026)
|
||||
- [How the TPT Search Algorithm Appears to Work](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#how-the-tpt-search-algorithm-appears-to-work)
|
||||
- [The Biggest TPT SEO Mistakes Sellers Make](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#the-biggest-tpt-seo-mistakes-sellers-make)
|
||||
- [How to Do Keyword Research for TPT in 2026](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#how-to-do-keyword-research-for-tpt-in-2026)
|
||||
- [Title Optimization: Before and After Examples](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#title-optimization-before-and-after-examples)
|
||||
- [High-Intent TPT Keyword Ideas in 2026](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#high-intent-tpt-keyword-ideas-in-2026)
|
||||
- [Step-by-Step TPT Listing Optimization Workflow](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#step-by-step-tpt-listing-optimization-workflow)
|
||||
- [How to Optimize Titles, Descriptions, Tags, Previews, and Video](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#how-to-optimize-titles-descriptions-tags-previews-and-video)
|
||||
- [How SEOLumina Helps You Rank Higher on TPT](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#how-seolumina-helps-you-rank-higher-on-tpt)
|
||||
- [Final Thoughts on TPT SEO in 2026](https://seolumina.com/blog/tpt-seo-guide-2026-how-to-make-your-products-rank-1-on-teachers-pay-teachers#final-thoughts-on-tpt-seo-in-2026)
|
||||
|
||||
In 2026, competition on **Teachers Pay Teachers (TPT)** continues to grow. New listings are published every day, and teachers rely heavily on TPT search to find the exact resources they need.
|
||||
|
||||
That creates a simple reality:
|
||||
|
||||
**If your product does not rank for the right keywords, buyers may never see it.**
|
||||
|
||||
Even a high-quality resource can underperform if the title, description, keywords, and visuals do not align with how teachers actually search.
|
||||
|
||||
This guide explains:
|
||||
|
||||
- why **TPT SEO** matters more than ever
|
||||
|
||||
- how the **TPT search algorithm** appears to work
|
||||
|
||||
- what affects **ranking, click-through rate, and conversion**
|
||||
|
||||
- how to optimize your **titles, descriptions, tags, previews, and video**
|
||||
|
||||
- how **SEOLumina** helps sellers make better SEO decisions using real data
|
||||
|
||||
|
||||
If you want more visibility, more impressions, and more consistent organic sales, this is the framework to follow.
|
||||
|
||||
* * *
|
||||
|
||||
## Why TPT SEO Matters More Than Ever in 2026
|
||||
|
||||
Most purchases on Teachers Pay Teachers begin with a search.
|
||||
|
||||
Teachers usually do not browse randomly. They search for a specific combination of:
|
||||
|
||||
- grade level
|
||||
|
||||
- subject
|
||||
|
||||
- skill
|
||||
|
||||
- resource type
|
||||
|
||||
- classroom use case
|
||||
|
||||
|
||||
That means SEO is not a minor detail. It is one of the biggest factors shaping whether your listing gets discovered at all.
|
||||
|
||||
Several shifts have made TPT SEO even more important:
|
||||
|
||||
### More Competition in Core Categories
|
||||
|
||||
Popular niches like math, literacy, phonics, behavior management, and morning work are increasingly crowded. Broad keywords are harder to rank for than ever.
|
||||
|
||||
### Stronger Emphasis on Relevance
|
||||
|
||||
Listings that closely match search intent appear to perform better than listings trying to rank for too many unrelated phrases.
|
||||
|
||||
### More Behavioral Influence
|
||||
|
||||
Click-through rate, engagement, and conversion patterns seem to play a larger role over time. A listing that earns clicks and sales tends to sustain or improve visibility.
|
||||
|
||||
Strong SEO helps you:
|
||||
|
||||
- appear for the right searches
|
||||
|
||||
- attract more qualified buyers
|
||||
|
||||
- grow without depending entirely on ads or social traffic
|
||||
|
||||
- improve the long-term performance of evergreen products
|
||||
|
||||
|
||||
* * *
|
||||
|
||||
## How the TPT Search Algorithm Appears to Work
|
||||
|
||||
Teachers Pay Teachers does not publicly disclose its full ranking formula, but repeated seller testing and listing analysis suggest clear patterns.
|
||||
|
||||
Each part of a listing contributes differently to visibility.
|
||||
|
||||
### Title
|
||||
|
||||
The title appears to be one of the strongest ranking signals.
|
||||
|
||||
Best practices:
|
||||
|
||||
- place the **primary keyword early**
|
||||
|
||||
- include important context like **grade, subject, and skill**
|
||||
|
||||
- keep the title readable and relevant
|
||||
|
||||
|
||||
A strong title helps TPT understand exactly what your product is and when to show it.
|
||||
|
||||
### Description
|
||||
|
||||
The beginning of the description appears to matter most.
|
||||
|
||||
The first part of the listing helps clarify:
|
||||
|
||||
- what the resource is
|
||||
|
||||
- who it is for
|
||||
|
||||
- what skill it teaches
|
||||
|
||||
- how it is used
|
||||
|
||||
|
||||
Well-structured descriptions with clear wording, sections, and bullets are easier for both buyers and search systems to understand.
|
||||
|
||||
### Tags and Secondary Keywords
|
||||
|
||||
Tags help reinforce related topics and long-tail search relevance.
|
||||
|
||||
They work best when they are:
|
||||
|
||||
- accurate
|
||||
|
||||
- specific
|
||||
|
||||
- aligned with the real product
|
||||
|
||||
- based on buyer intent
|
||||
|
||||
|
||||
Broad or misleading tags may weaken relevance rather than help it.
|
||||
|
||||
### Cover Image and Click-Through Rate
|
||||
|
||||
The cover image is not a traditional text SEO factor, but it strongly affects **CTR**.
|
||||
|
||||
Higher click-through rates can improve performance over time because they signal that buyers find the product relevant and appealing.
|
||||
|
||||
A strong cover usually includes:
|
||||
|
||||
- readable text
|
||||
|
||||
- clear grade level
|
||||
|
||||
- simple layout
|
||||
|
||||
- visual clarity at small size
|
||||
|
||||
|
||||
### Video Preview and Engagement
|
||||
|
||||
A video preview does not add keywords directly, but it can improve:
|
||||
|
||||
- time on page
|
||||
|
||||
- preview interaction
|
||||
|
||||
- trust
|
||||
|
||||
- conversion rate
|
||||
|
||||
|
||||
These behavioral signals can indirectly support stronger ranking.
|
||||
|
||||
### Buyer Behavior Signals
|
||||
|
||||
After a product is live, visibility appears to be influenced by ongoing performance signals such as:
|
||||
|
||||
- clicks
|
||||
|
||||
- favorites
|
||||
|
||||
- add-to-cart actions
|
||||
|
||||
- purchases
|
||||
|
||||
- preview opens
|
||||
|
||||
- refund rate
|
||||
|
||||
|
||||
In other words, TPT SEO is not only about publishing a keyword-rich listing. It is also about creating a product page that buyers engage with and trust.
|
||||
|
||||
* * *
|
||||
|
||||
## The Biggest TPT SEO Mistakes Sellers Make
|
||||
|
||||
Many ranking problems come from a small set of repeated mistakes.
|
||||
|
||||
### Using Broad Keywords
|
||||
|
||||
Phrases like:
|
||||
|
||||
- math worksheets
|
||||
|
||||
- reading activity
|
||||
|
||||
- phonics practice
|
||||
|
||||
|
||||
are often too broad and too competitive.
|
||||
|
||||
### Ignoring Long-Tail Search Terms
|
||||
|
||||
Teachers often search with high specificity. A narrower phrase can bring lower competition and better conversion.
|
||||
|
||||
### Hiding the Main Keyword Late in the Title
|
||||
|
||||
If the most important phrase appears too late, the listing may lose relevance and clarity.
|
||||
|
||||
### Overstuffing the Description
|
||||
|
||||
Repeating keywords too often makes the listing harder to read and can reduce trust.
|
||||
|
||||
### Writing Weak or Unstructured Descriptions
|
||||
|
||||
Dense, unclear text often hurts both search understanding and conversion.
|
||||
|
||||
### Reusing the Same Description Across Products
|
||||
|
||||
Duplicate or overly generic descriptions weaken the distinct relevance of each listing.
|
||||
|
||||
### Skipping Competitor Research
|
||||
|
||||
Without checking what already ranks, sellers often target unrealistic keywords or miss stronger opportunities.
|
||||
|
||||
### Using Weak Covers
|
||||
|
||||
Low-contrast, cluttered, or hard-to-read covers reduce click-through rate.
|
||||
|
||||
### Adding Irrelevant Tags
|
||||
|
||||
Trying to “game” search with loosely related phrases often backfires.
|
||||
|
||||
### Ignoring Post-Publish Signals
|
||||
|
||||
A listing with poor previews, weak messaging, or low conversion can slide even if the initial keyword targeting was decent.
|
||||
|
||||
Fixing these issues often produces the fastest SEO gains.
|
||||
|
||||
* * *
|
||||
|
||||
## How to Do Keyword Research for TPT in 2026
|
||||
|
||||
Effective keyword research depends on two things:
|
||||
|
||||
- **buyer intent**
|
||||
|
||||
- **competition**
|
||||
|
||||
|
||||
### Start With Buyer Intent
|
||||
|
||||
Think about what a teacher would actually type into search.
|
||||
|
||||
Most TPT searches combine:
|
||||
|
||||
- grade level
|
||||
|
||||
- subject
|
||||
|
||||
- skill
|
||||
|
||||
- resource format
|
||||
|
||||
- classroom purpose
|
||||
|
||||
|
||||
Examples:
|
||||
|
||||
- 2nd grade place value worksheets
|
||||
|
||||
- kindergarten writing center
|
||||
|
||||
- phonics reading passages 1st grade
|
||||
|
||||
- behavior chart editable
|
||||
|
||||
- 3rd grade math review
|
||||
|
||||
|
||||
These searches tend to perform better than vague terms because they reflect a clear need.
|
||||
|
||||
### Evaluate Competition
|
||||
|
||||
Some keywords are so crowded that ranking is difficult unless your listing already has strong performance history.
|
||||
|
||||
That is why you need to look beyond demand alone.
|
||||
|
||||
A good target keyword usually has:
|
||||
|
||||
- clear buyer intent
|
||||
|
||||
- enough search interest
|
||||
|
||||
- manageable competition
|
||||
|
||||
- strong product fit
|
||||
|
||||
|
||||
### Common Places Sellers Find Keywords
|
||||
|
||||
Manual keyword ideas often come from:
|
||||
|
||||
- top-ranking TPT listings
|
||||
|
||||
- Google autocomplete
|
||||
|
||||
- Pinterest search
|
||||
|
||||
- teacher communities and Facebook groups
|
||||
|
||||
|
||||
These methods can help, but they are slow and incomplete.
|
||||
|
||||
### Where SEOLumina Helps
|
||||
|
||||
SEOLumina gives sellers a more data-driven workflow.
|
||||
|
||||
With it, you can:
|
||||
|
||||
- view real keyword product counts
|
||||
|
||||
- analyze difficulty
|
||||
|
||||
- find higher-opportunity keywords
|
||||
|
||||
- extract patterns from top-performing competitors
|
||||
|
||||
|
||||
That helps replace guesswork with actual decision-making data.
|
||||
|
||||
* * *
|
||||
|
||||
## Title Optimization: Before and After Examples
|
||||
|
||||
Clear, structured titles usually outperform vague or overly creative ones.
|
||||
|
||||
### Example 1
|
||||
|
||||
**Before**
|
||||
|
||||
Math Worksheets for Kids
|
||||
|
||||
**After**
|
||||
|
||||
2nd Grade Math Review Worksheets \| Place Value, Addition & Subtraction
|
||||
|
||||
### Example 2
|
||||
|
||||
**Before**
|
||||
|
||||
Writing Center Activities
|
||||
|
||||
**After**
|
||||
|
||||
Kindergarten Writing Center \| CVC Words, Sentence Building, Tracing Practice
|
||||
|
||||
### Example 3
|
||||
|
||||
**Before**
|
||||
|
||||
Reading Passages Bundle
|
||||
|
||||
**After**
|
||||
|
||||
1st Grade Phonics Reading Passages \| Short Vowels, Fluency & Comprehension
|
||||
|
||||
### What Strong TPT Titles Usually Include
|
||||
|
||||
A high-performing title often follows this structure:
|
||||
|
||||
**Primary keyword + Grade/Subject + Skill + Format or Purpose**
|
||||
|
||||
That gives both TPT and the buyer a clearer picture of the product immediately.
|
||||
|
||||
* * *
|
||||
|
||||
## High-Intent TPT Keyword Ideas in 2026
|
||||
|
||||
Some keyword patterns consistently show strong buyer interest because they combine clear need with direct classroom use.
|
||||
|
||||
Examples include:
|
||||
|
||||
- morning work 1st grade
|
||||
|
||||
- place value worksheets 2nd grade
|
||||
|
||||
- phonics passages
|
||||
|
||||
- editable behavior chart
|
||||
|
||||
- kindergarten math worksheets
|
||||
|
||||
- IEP goals prek
|
||||
|
||||
- SEL activities for kids
|
||||
|
||||
- writing prompts elementary
|
||||
|
||||
- classroom jobs cards
|
||||
|
||||
- 3rd grade math review
|
||||
|
||||
|
||||
These should be used as inspiration, not copied blindly.
|
||||
|
||||
A keyword is only valuable when it matches your product closely and has competition you can realistically compete with.
|
||||
|
||||
SEOLumina can help estimate which phrases have stronger opportunity based on competition and demand patterns.
|
||||
|
||||
* * *
|
||||
|
||||
## Step-by-Step TPT Listing Optimization Workflow
|
||||
|
||||
Use this workflow to improve visibility and conversion consistently.
|
||||
|
||||
### 1\. Identify the Primary Keyword
|
||||
|
||||
Choose one main keyword based on buyer intent and competition, not guesswork.
|
||||
|
||||
### 2\. Select Supporting Long-Tail Keywords
|
||||
|
||||
Add three to five closely related phrases that reinforce the same topic.
|
||||
|
||||
### 3\. Write a Strong SEO-Focused Title
|
||||
|
||||
Lead with the main keyword and keep the title easy to read.
|
||||
|
||||
### 4\. Optimize the First Part of the Description
|
||||
|
||||
Start by clearly explaining:
|
||||
|
||||
- what the resource is
|
||||
|
||||
- who it is for
|
||||
|
||||
- what it teaches
|
||||
|
||||
- how it can be used
|
||||
|
||||
|
||||
### 5\. Add Related Keywords Naturally
|
||||
|
||||
Use semantic variations where they fit naturally, such as:
|
||||
|
||||
- printable
|
||||
|
||||
- centers
|
||||
|
||||
- worksheets
|
||||
|
||||
- activities
|
||||
|
||||
- passages
|
||||
|
||||
- task cards
|
||||
|
||||
|
||||
### 6\. Improve the Cover Image
|
||||
|
||||
Make it readable at small size and visually clear in search results.
|
||||
|
||||
### 7\. Add a Video Preview When It Helps
|
||||
|
||||
Videos are especially useful for:
|
||||
|
||||
- bundles
|
||||
|
||||
- editable resources
|
||||
|
||||
- centers
|
||||
|
||||
- seasonal resources
|
||||
|
||||
- products that benefit from visual walkthroughs
|
||||
|
||||
|
||||
### 8\. Upload a High-Value Preview
|
||||
|
||||
Show real sample pages, layouts, or task examples. Do not rely only on the cover.
|
||||
|
||||
### 9\. Monitor Performance and Update
|
||||
|
||||
Titles, descriptions, covers, and keyword targets should evolve as trends and competition change.
|
||||
|
||||
### 10\. Use Data to Guide Future Changes
|
||||
|
||||
SEOLumina can help you see whether a keyword is realistic, where competitors are stronger, and which updates may create the biggest ranking lift.
|
||||
|
||||
* * *
|
||||
|
||||
## How to Optimize Titles, Descriptions, Tags, Previews, and Video
|
||||
|
||||
### Titles
|
||||
|
||||
Your title should do three jobs:
|
||||
|
||||
- clarify the resource
|
||||
|
||||
- match the keyword
|
||||
|
||||
- attract clicks
|
||||
|
||||
|
||||
A strong title is keyword-led, but still written for humans.
|
||||
|
||||
### Descriptions
|
||||
|
||||
The first lines matter most.
|
||||
|
||||
Use them to confirm:
|
||||
|
||||
- grade
|
||||
|
||||
- subject
|
||||
|
||||
- skill
|
||||
|
||||
- resource format
|
||||
|
||||
- classroom use
|
||||
|
||||
|
||||
Then structure the rest with sections and bullets so buyers can scan quickly.
|
||||
|
||||
### Tags
|
||||
|
||||
Use all available relevant tags, but make sure they are precise.
|
||||
|
||||
Prefer long-tail tags over vague ones when possible.
|
||||
|
||||
### Previews
|
||||
|
||||
Previews must support the keyword promise.
|
||||
|
||||
If the title says “exit tickets,” the preview should visually show exit-ticket style content.
|
||||
|
||||
If the title says “centers,” the preview should show center-ready materials.
|
||||
|
||||
### Video
|
||||
|
||||
A short preview video can improve trust and engagement. It is especially helpful when the format, movement, or editable nature of the resource is easier to understand visually.
|
||||
|
||||
* * *
|
||||
|
||||
## How SEOLumina Helps You Rank Higher on TPT
|
||||
|
||||
SEOLumina gives sellers access to information that TPT search does not show directly.
|
||||
|
||||
You can use it to:
|
||||
|
||||
### Analyze Keyword Difficulty
|
||||
|
||||
See how crowded a keyword actually is.
|
||||
|
||||
### Find Opportunity Keywords
|
||||
|
||||
Discover phrases with stronger demand-to-competition balance.
|
||||
|
||||
### Monitor Competitors
|
||||
|
||||
Study top-ranking products, titles, and keyword patterns.
|
||||
|
||||
### Track Visibility Over Time
|
||||
|
||||
Measure what changes after updates and identify what is helping or hurting performance.
|
||||
|
||||
This makes SEO more strategic and less dependent on intuition alone.
|
||||
|
||||
* * *
|
||||
|
||||
## Final Thoughts on TPT SEO in 2026
|
||||
|
||||
TPT SEO is not about stuffing keywords or copying what other sellers do.
|
||||
|
||||
It is about building listings that are:
|
||||
|
||||
- highly relevant to real searches
|
||||
|
||||
- easy for buyers to understand
|
||||
|
||||
- strong enough to earn clicks
|
||||
|
||||
- persuasive enough to convert
|
||||
|
||||
|
||||
When your title, description, tags, preview, and engagement all align, your product has a much better chance of ranking consistently.
|
||||
|
||||
Sellers who treat SEO as an ongoing system usually outperform sellers who publish once and hope for the best.
|
||||
|
||||
With the right keyword strategy and the right data, you can improve visibility intentionally and build more reliable organic growth on Teachers Pay Teachers.
|
||||
|
||||
## Frequently Asked Questions
|
||||
|
||||
### How do I improve my TPT rankings?
|
||||
|
||||
Focus on strong titles, targeted keywords, clear descriptions, high-CTR cover images, and better buyer engagement signals such as favorites, clicks, and conversions.
|
||||
|
||||
### What matters most for TPT SEO?
|
||||
|
||||
The most important elements are usually the title, the beginning of the description, long-tail keyword relevance, cover image click-through rate, and buyer behavior.
|
||||
|
||||
### How do I choose the right TPT keywords?
|
||||
|
||||
Choose keywords with clear buyer intent, usually built from grade + subject + skill + format. Tools like SEOLumina help evaluate competition and opportunity.
|
||||
|
||||
### Do video previews help with ranking on TPT?
|
||||
|
||||
They can help indirectly by improving engagement, time on page, and conversion behavior.
|
||||
|
||||
### Why is my product not showing up in TPT search?
|
||||
|
||||
The listing may be targeting keywords that are too broad, too competitive, or poorly aligned with the title and description. Weak cover images and previews can also reduce visibility over time.
|
||||
|
||||
### How does SEOLumina help with TPT SEO?
|
||||
|
||||
SEOLumina provides keyword competition data, difficulty insights, competitor analysis, and visibility intelligence to help you optimize listings using real information.
|
||||
|
||||
### How often should I update my TPT listings?
|
||||
|
||||
Review important listings every few months, or sooner when competition, seasonality, or keyword behavior changes.
|
||||
|
||||
### Do long-tail keywords work better on TPT?
|
||||
|
||||
In many cases, yes. Long-tail keywords often match buyer intent more closely and face less competition than broad phrases.
|
||||
|
||||
### Why are my TPT impressions dropping?
|
||||
|
||||
Common causes include stronger competition, lower CTR, outdated titles, weak previews, poor keyword alignment, or seasonal demand changes.
|
||||
|
||||
### How many tags should I use on TPT?
|
||||
|
||||
Use all available relevant tag slots, but keep them accurate and focused on real buyer searches.
|
||||
|
||||
### What hurts TPT SEO the most?
|
||||
|
||||
The biggest blockers are irrelevant tags, vague titles, poor previews, weak cover images, low click-through rate, and low conversion.
|
||||
|
||||
### Should I rewrite old titles to improve ranking?
|
||||
|
||||
Yes. Updating older titles with stronger keyword targeting can improve visibility, especially for evergreen listings.
|
||||
|
||||
Published November 21, 2025
|
||||
|
||||
· Last updated March 12, 2026
|
||||
|
||||
|
||||
|
||||
## Read More
|
||||
|
||||
[\\
|
||||
**TPT Product Title Formulas That Rank: The 2026 Data-Driven Guide** \\
|
||||
\\
|
||||
Master proven TPT title formulas that boost rankings and sales. Data-driven guide with examples, optimization strategies, and character-maximizing templates for Teachers Pay Teachers sellers.\\
|
||||
\\
|
||||
March 12, 2026](https://seolumina.com/blog/tpt-product-title-formulas-that-rank-the-2026-data-driven-guide) [\\
|
||||
**Why You’re Getting Views on TPT But Not Sales (A Conversion Debug Checklist)** \\
|
||||
\\
|
||||
Getting views on Teachers Pay Teachers but not sales? Use this conversion debug checklist to fix keyword intent, previews, clarity, and pricing fast.\\
|
||||
\\
|
||||
February 13, 2026](https://seolumina.com/blog/why-youre-getting-views-on-tpt-but-not-sales-a-conversion-debug-checklist) [\\
|
||||
**Low-Competition Keywords: How Small TPT Stores Can Actually Rank and Sell** \\
|
||||
\\
|
||||
Learn a fast system to find low-competition TPT keywords that small stores can rank for - plus templates, intent modifiers, and common mistakes to avoid.\\
|
||||
\\
|
||||
February 13, 2026](https://seolumina.com/blog/low-competition-keywords-how-small-tpt-stores-can-actually-rank-and-sell)
|
||||
|
||||
## Explore Our Products
|
||||
|
||||
[**Keyword Generator** \\
|
||||
Find the easiest keywords to rank for with popularity and competition analysis.](https://seolumina.com/products/keyword-generator) [**Keyword Explorer** \\
|
||||
See how competitors use your keyword and identify optimization opportunities.](https://seolumina.com/products/keyword-explorer) [**Store Audit** \\
|
||||
Get your store ready for TPT's algorithm with quality scores and actionable fixes.](https://seolumina.com/products/store-audit) [**Sales Estimator** \\
|
||||
See how much your competitors are selling with estimated sales data.](https://seolumina.com/products/sales-estimator) [**Product Explorer** \\
|
||||
Find winning products in minutes with competitor analysis and market insights.](https://seolumina.com/products/product-explorer) [**Seasonal Keywords** \\
|
||||
Plan ahead with seasonal opportunities and trending keywords by month.](https://seolumina.com/products/seasonal-keywords)
|
||||
201
.firecrawl/k12-ai-research/tpt-teacher-priorities.md
Normal file
201
.firecrawl/k12-ai-research/tpt-teacher-priorities.md
Normal file
|
|
@ -0,0 +1,201 @@
|
|||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[TPT Seller Blog](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[Search](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
Search
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[TPT Seller Blog](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[Search](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
Search
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[The Seller Blog](https://your-link.com/)
|
||||
|
||||
[Search](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
Search
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
[Close](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
[](https://sellerblog.teacherspayteachers.com/)
|
||||
|
||||
[Facebook](https://www.facebook.com/PenciDesign)[Twitter](https://x.com/PenciDesign)
|
||||
|
||||
Search
|
||||
|
||||
Copyright 2021 - All Right Reserved
|
||||
|
||||
[Home](https://sellerblog.teacherspayteachers.com/)[Data & Growth](https://sellerblog.teacherspayteachers.com/category/data-and-growth/)TPT Survey: Top Teacher Needs and Priorities for the 2025-2026 School Year
|
||||
|
||||
[Data & Growth](https://sellerblog.teacherspayteachers.com/category/data-and-growth/)
|
||||
|
||||
# TPT Survey: Top Teacher Needs and Priorities for the 2025-2026 School Year
|
||||
|
||||
by [Team TPT](https://sellerblog.teacherspayteachers.com/author/teamtpt/)September 22, 2025
|
||||
|
||||
|
||||
|
||||
_14K_
|
||||
|
||||
To better understand what’s top of mind for teachers this year and how your resources can help, [we surveyed](https://blog.teacherspayteachers.com/tpt-survey-2025-back-to-school/) nearly 8,000 educators on TPT to hear their perspectives directly. We asked them what excites them about this school year, what concerns them, the types of resources they’re looking for, and more. Find out what they shared — and get inspiration for how you can reach and support more educators this school year.
|
||||
|
||||
_Note: While these findings point to potential areas of opportunity on TPT, we can’t promise results from updates you make. Please pair these insights with your own judgement and expertise as you consider how you’ll support educators this year._
|
||||
|
||||
### Key takeaways
|
||||
|
||||
- More than 94% of educators said access to excellent teacher resources helps them deliver engaging classroom experiences.
|
||||
- 96% of teachers said they expect to use more or the same amount of teacher-created materials this year.
|
||||
- Teachers are most excited to engage their students (81%) and try new resources (62%).
|
||||
- Teachers are most concerned about meeting students’ social-emotional needs (53%) followed by meeting their academic needs (41%).
|
||||
- The types of resources teachers think they’ll need most this year include small group lessons (60%), group activities and projects (57%), and individual practice (56%).
|
||||
- Teachers said the most important features they look for in resources are ease of use (100%), student engagement (99%), and interactivity (99%).
|
||||
|
||||
### Teacher-created materials continue to be a go-to for educators
|
||||
|
||||
More than 94% of surveyed educators say access to excellent resources helps them deliver engaging classroom experiences. And when it comes to choosing quality resources, teacher-created materials are essential to educators. Even as new tools and technologies emerge, when considering their needs this school year, 96% of teachers surveyed expect to use the same amount or more teacher-created materials.
|
||||
|
||||
|
||||
|
||||
Additionally, the vast majority of teachers expect to purchase resources to meet their classroom needs this year. In fact, 86% of teachers expect to spend the same or more on resources in the 2025–2026 school year.
|
||||
|
||||
### Teachers are excited to engage their students and try new resources
|
||||
|
||||
The majority of educators shared that they’re feeling optimistic heading into the 2025-2026 school year. What excites them most? Among surveyed educators, 81% shared that they’re excited about engaging their students, and 62% shared they’re looking forward to trying out new resources, lessons, and curricula.
|
||||
|
||||
As a TPT Seller, your creative, engaging resources are well-positioned to help teachers continue to feel excited and energized as the school year progresses. As you look for ways to draw more educators to your store, highlighting these qualities in your resources may be a tactic to consider.
|
||||
|
||||
### Teachers are concerned about meeting students’ social-emotional and academic needs
|
||||
|
||||
What are some of the biggest challenges teachers expect to face in the 2025-2026 school year? When asked what they’re most nervous about, the top response was concern about meeting students’ social-emotional needs. In fact, more teachers were concerned about their ability to provide social-emotional support (53%) to students than meeting student academic needs (41%). Additionally, 55% of teachers said disruptive behavior has been getting worse over the past two years.
|
||||
|
||||
These findings point to a potential opportunity to provide teachers with resources that support student behavior and social-emotional learning. High-quality resources that address these needs may be particularly impactful for teachers and students this year.
|
||||
|
||||
### A majority of teachers expect to spend the same or more on resources in a variety of categories
|
||||
|
||||
We asked teachers about the types of resources they anticipate needing. Topping the list were small group lessons (60%), group activities and projects (57%), and individual practice (56%). While teachers always need a variety of resources, these types may be especially relevant this year.
|
||||
|
||||
|
||||
|
||||
### Ease of use, student engagement, and interactivity are top features teachers are looking for in resources
|
||||
|
||||
We wanted to know what educators look for when considering which resources to purchase, so we asked them what features they find important in the products they choose. Based on how many teachers rated each quality as somewhat or very important, ease of use (100%), student engagement (99%), and interactivity (99%) emerged as top features. As you create new resources or update existing content, incorporating these qualities may help your products stand out.
|
||||
|
||||
|
||||
|
||||
### Your resources make all the difference
|
||||
|
||||
We hope these findings help spark ideas and inspiration for how you’ll support educators this year. While every school year differs from the ones that came before, one thing remains the same: your resources have a profound impact on educators and students everywhere. Your creativity and expertise are a source of support that so many educators value and appreciate. We can’t wait to see the innovative ways you create and update resources this year.
|
||||
|
||||
* * *
|
||||
|
||||
### _TPT Survey Methodology_
|
||||
|
||||
_TPT sent an 18-question survey of multiple-choice and open-ended questions to active teachers on the TPT platform to gather educators’ opinions in advance of the 2025-2026 school year. The survey was sent via email on July 23, 2025, and was completed by 7,964 teachers. The margin of error is +/-3 percentage points. Characteristics for the schools where the respondents teach are displayed below._
|
||||
|
||||
| | |
|
||||
| --- | --- |
|
||||
| **_Years of Teaching Experience_** |
|
||||
| _Less than 5 years_ | _20%_ |
|
||||
| _5-10 years_ | _15%_ |
|
||||
| _10-15 years_ | _12%_ |
|
||||
| _15-20 years_ | _13%_ |
|
||||
| _20-25 years_ | _15%_ |
|
||||
| _25+ years_ | _25%_ |
|
||||
| **_Region_** |
|
||||
| _West_ | _19%_ |
|
||||
| _Midwest_ | _22%_ |
|
||||
| _Northeast_ | _13%_ |
|
||||
| _South_ | _34%_ |
|
||||
| _Other_ | _12%_ |
|
||||
| **_Student Grades_** _(Respondents chose all that apply, percentages may not add to 100%)_ |
|
||||
| _PreK-K_ | _16%_ |
|
||||
| _K-5_ | _52%_ |
|
||||
| _6-8_ | _25%_ |
|
||||
| _9-12_ | _20%_ |
|
||||
| _Adult Learners_ | _35%_ |
|
||||
| _Other_ | _5%_ |
|
||||
|
||||
0 [Like](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/# "Like")[Facebook](https://www.facebook.com/sharer/sharer.php?u=https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/) [Twitter](https://x.com/intent/tweet?text=Check%20out%20this%20article:%20TPT%20Survey%3A%20Top%20Teacher%20Needs%20and%20Priorities%20for%20the%202025-2026%20School%20Year%20-%20https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/) [Pinterest](https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fsellerblog.teacherspayteachers.com%2Ftop-teacher-priorities-for-2025-26%2F&media=https%3A%2F%2Fsellerblog.teacherspayteachers.com%2Fwp-content%2Fuploads%2F2025%2F09%2Ftop-teacher-priorities-for-2025-2026.jpg&description=TPT+Survey%3A+Top+Teacher+Needs+and+Priorities+for+the+2025-2026+School+Year) [Email](mailto:?subject=TPT%20Survey:%20Top%20Teacher%20Needs%20and%20Priorities%20for%20the%202025-2026%20School%20Year&BODY=https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/) [Share Expand](https://sellerblog.teacherspayteachers.com/top-teacher-priorities-for-2025-26/#)
|
||||
|
||||
[](https://teacherspayteachers.com/)
|
||||
|
||||
TPT is the largest marketplace for PreK-12 resources, powered by a community of educators.
|
||||
|
||||
[](https://www.facebook.com/TeachersPayTeachers)[](https://www.instagram.com/teacherspayteachers)[](https://www.pinterest.com/tptpins)[](https://twitter.com/TpT_Official)
|
||||
|
||||
**ABOUT**
|
||||
|
||||
[Who We Are](https://www.teacherspayteachers.com/About-Us)
|
||||
|
||||
[We're Hiring](https://www.ixl.com/company/careers)
|
||||
|
||||
[Press](https://www.teacherspayteachers.com/PressCoverage)
|
||||
|
||||
[Blog](http://blog.teacherspayteachers.com/)
|
||||
|
||||
**SUPPORT**
|
||||
|
||||
[Help & FAQ](https://www.teacherspayteachers.com/Help)
|
||||
|
||||
[Privacy Policy](https://www.teacherspayteachers.com/Privacy-Policy)
|
||||
|
||||
[Student Privacy](https://www.teacherspayteachers.com/Student-Privacy-Policy)
|
||||
|
||||
[Terms of Service](https://www.teacherspayteachers.com/Terms-of-Service)
|
||||
|
||||
**UPDATES**
|
||||
|
||||
Get our weekly newsletter with free resources, updates, and special offers.
|
||||
|
||||
[Get newsletter](https://www.teacherspayteachers.com/My-Account/Email_Preferences)
|
||||
|
||||
* * *
|
||||
|
||||
**IXL FAMILY OF BRANDS**
|
||||
|
||||
**[IXL](https://www.ixl.com/)**
|
||||
|
||||
Comprehensive K-12 personalized learning
|
||||
|
||||
**[Rosetta Stone](https://www.rosettastone.com/)**
|
||||
|
||||
Immersive learning for 25 languages
|
||||
|
||||
**[Wyzant](https://www.wyzant.com/)**
|
||||
|
||||
Trusted tutors for 300 subjects
|
||||
|
||||
**[Vocabulary.com](https://www.vocabulary.com/)**
|
||||
|
||||
Adaptive learning for English vocabulary
|
||||
|
||||
**[ABCya](https://www.abcya.com/)**
|
||||
|
||||
Fun educational games for kids
|
||||
|
||||
**[SpanishDict](https://www.spanishdict.com/)**
|
||||
|
||||
Spanish-English dictionary, translator, and learning
|
||||
|
||||
**[Emmersion](https://emmersion.ai/)**
|
||||
|
||||
Fast and accurate language certification
|
||||
|
||||
**[Education.com](https://www.education.com/)**
|
||||
|
||||
35,000 worksheets, games, and lesson plans
|
||||
|
||||
© 2023 by Teacher Synergy, LLC
|
||||
308
.firecrawl/k12-ai-research/tpt-thumb-optimize.md
Normal file
308
.firecrawl/k12-ai-research/tpt-thumb-optimize.md
Normal file
|
|
@ -0,0 +1,308 @@
|
|||
[Skip to content](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#content)
|
||||
|
||||
|
||||
|
||||
# TPT Thumbnail Size: How to Optimize Your Thumbnails for More Clicks and Sales
|
||||
|
||||
- [April 2, 2025](https://raerocksteaching.com/2025/04/02/)
|
||||
|
||||
If you’re like most Teachers Pay Teachers sellers, you’ve probably spent countless hours crafting high-quality resources to share with other educators. Yet sometimes, despite your efforts, your resources just aren’t getting the clicks or sales you expected. Ever stopped to consider it might be your TPT thumbnail size that’s holding you back?
|
||||
|
||||
Be first in line
|
||||
|
||||
Psst! I’m about to drop a game-changing online course that will change the way you think about your TPT thumbnails. Sign up to get the deets first.
|
||||
|
||||
00
|
||||
|
||||
11
|
||||
|
||||
22
|
||||
|
||||
33
|
||||
|
||||
44
|
||||
|
||||
55
|
||||
|
||||
66
|
||||
|
||||
77
|
||||
|
||||
88
|
||||
|
||||
99
|
||||
|
||||
00
|
||||
|
||||
DAY
|
||||
|
||||
00
|
||||
|
||||
11
|
||||
|
||||
22
|
||||
|
||||
33
|
||||
|
||||
44
|
||||
|
||||
55
|
||||
|
||||
66
|
||||
|
||||
77
|
||||
|
||||
88
|
||||
|
||||
99
|
||||
|
||||
00
|
||||
|
||||
HR
|
||||
|
||||
00
|
||||
|
||||
11
|
||||
|
||||
22
|
||||
|
||||
33
|
||||
|
||||
44
|
||||
|
||||
55
|
||||
|
||||
66
|
||||
|
||||
77
|
||||
|
||||
88
|
||||
|
||||
99
|
||||
|
||||
00
|
||||
|
||||
MIN
|
||||
|
||||
00
|
||||
|
||||
11
|
||||
|
||||
22
|
||||
|
||||
33
|
||||
|
||||
44
|
||||
|
||||
55
|
||||
|
||||
66
|
||||
|
||||
77
|
||||
|
||||
88
|
||||
|
||||
99
|
||||
|
||||
00
|
||||
|
||||
SEC
|
||||
|
||||
Join the waitlist for next time!
|
||||
|
||||
|
||||
First hname
|
||||
|
||||
Fierst name
|
||||
|
||||
FirsUt name
|
||||
|
||||
First nazme
|
||||
|
||||
Emaiwl
|
||||
|
||||
EmaiUl
|
||||
|
||||
EmaOil
|
||||
|
||||
Emafil
|
||||
|
||||
join the waitlist
|
||||
|
||||
🥳Woohoo! You're in friend! Now just be on the lookout for all the deets when they slide into your inbox!
|
||||
|
||||
Believe it or not, thumbnail size matters—a lot. It’s the very first thing potential buyers see. Get it right, and [you instantly stand out](https://raerocksteaching.com/9-encouraging-tips-for-teachers-to-start-online-education-business/). Get it wrong, and you could lose a potential sale in seconds.
|
||||
|
||||
### **Why Thumbnail Size Matters on TPT**
|
||||
|
||||
The standard TPT thumbnail size is 750 x 750 pixels, and it’s set as a square for good reason. Square thumbnails are optimized for visibility, meaning your resource can easily catch a teacher’s eye. If your thumbnail is too large, too small, or rectangular, your resource might appear cropped or distorted, giving off an unprofessional first impression. This subtle detail could be the reason your exceptional resource is overlooked.
|
||||
|
||||
|
||||
|
||||
- Save
|
||||
|
||||
|
||||
Correctly sized thumbnails lead to higher visibility, increased clicks, and ultimately, more sales. It’s a simple tweak, yet many sellers overlook it.
|
||||
|
||||
### **Common Thumbnail Sizing Mistakes TPT Sellers Make**
|
||||
|
||||
One common error is using rectangular images that TPT automatically crops into squares. This can lead to important text or visuals being cut off. Another mistake is low-resolution images—these appear blurry or pixelated, [leading buyers to question the quality of the resource](https://raerocksteaching.com/the-ultimate-teachers-pay-teachers-seo-guide-boost-your-presence-and-profits/) itself. Lastly, overcrowding thumbnails with too much text makes readability almost impossible, especially when viewing from mobile devices. Ensuring your TPT thumbnail size is optimal helps you avoid these common pitfalls.
|
||||
|
||||
### **How to Correctly Size Your Thumbnails**
|
||||
|
||||
Creating the perfect thumbnail doesn’t have to be complicated. Start by designing your thumbnails directly in a square canvas (750 x 750 pixels) using tools like Canva or PowerPoint. This ensures you control exactly how your thumbnail appears on the TPT platform. Include clear, concise text and visually appealing graphics that clearly represent your resource.
|
||||
|
||||
|
||||
|
||||
- Save
|
||||
|
||||
|
||||
For instance, if your resource is about genetics, include bold text like “Easy Genetics Activities” with high-contrast colors. Avoid tiny fonts and cluttered images. Always check your thumbnail preview on different devices to ensure optimal readability and visual appeal.
|
||||
|
||||
### **Real-Life Results from Proper Thumbnail Sizing**
|
||||
|
||||
Take, for example, a TPT seller who previously used incorrect thumbnail sizing. Once they adjusted their thumbnails to match the recommended TPT thumbnail size, their views increased by 40%, leading directly to higher conversions. A properly sized thumbnail not only attracts attention but conveys professionalism and reliability.
|
||||
|
||||
Getting your TPT thumbnail size right is a simple step with significant rewards. It instantly improves the visual appeal of your products, attracts more potential buyers, and increases your overall conversion rate.
|
||||
|
||||
Want to go even deeper into creating thumbnails that consistently convert? J [oin the waitlist for Thumbnails That Convert,](https://raerocksteaching.myflodesk.com/bdtf8vu1yp) your ultimate guide to thumbnails that boost sales and visibility on TPT.
|
||||
|
||||
|
||||
|
||||
- Save
|
||||
|
||||
|
||||
Share via:
|
||||
|
||||
- [Facebook](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
- [X (Twitter)](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
- [LinkedIn](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
- [More](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
## Leave a Reply [Cancel reply](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/\#respond)
|
||||
|
||||
Your email address will not be published.Required fields are marked \*
|
||||
|
||||
Comment \*
|
||||
|
||||
Name \*
|
||||
|
||||
Email \*
|
||||
|
||||
Website
|
||||
|
||||
Current ye@r \*
|
||||
|
||||
Leave this field empty
|
||||
|
||||
###### More blog posts
|
||||
|
||||
[](https://raerocksteaching.com/boost-your-teachers-pay-teachers-purchases-with-these-5-thumbnail-strategies/)
|
||||
|
||||
[](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/)
|
||||
|
||||
[](https://raerocksteaching.com/5-benefits-of-flipped-learning-for-high-school-classes/)
|
||||
|
||||
[](https://raerocksteaching.com/advice-for-teaching-human-immune-system-response-like-a-pro/)
|
||||
|
||||
[](https://raerocksteaching.com/6-ways-to-engage-esl-students-with-in-class-flip-strategies-for-achievement/)
|
||||
|
||||
[](https://raerocksteaching.com/how-to-easily-master-time-management-classroom-strategies-with-the-fun-in-class-flipped-model/)
|
||||
|
||||
[Instagram](https://www.instagram.com/raerocksteaching)[Pinterest](https://www.pinterest.com/RaeRocksTeaching)[Facebook](https://www.facebook.com/raerocksteaching/)[Youtube](https://www.youtube.com/channel/UCoGBHx5sdBhPi7W3Ew27dlg/featured)
|
||||
|
||||
|
||||
|
||||
I help busy teachers (like you) save time and energy by creating engaging Anatomy & Biology resources. I live in Georgia with my 2 children, husband, and fur baby. I love working out and hanging out with my family.
|
||||
|
||||
[**Looking for ways to get students engaged?**\\
|
||||
\\
|
||||
Try these 15 Activities for Biology NOW and watch them come alive! \\
|
||||
\\
|
||||
give me my guide!](https://view.flodesk.com/pages/6183aa03db5bc2b4fb3085f4)
|
||||
|
||||
[**The ULTIMATE guide to engaging students to learn anatomy**\\
|
||||
\\
|
||||
7 Secrets to Get Started TODAY! \\
|
||||
\\
|
||||
Show me the secretes](https://view.flodesk.com/pages/61ecbc416114df05454c362f)
|
||||
|
||||
Share via
|
||||
|
||||
[Facebook](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
[X (Twitter)](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
[LinkedIn](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
[Mix](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
[Email](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
[Print](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
[Copy Link](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
Copy link
|
||||
|
||||
[CopyCopied](https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/#)
|
||||
|
||||
We use cookies to ensure that we give you the best experience on our website. Do you accept cookies from our website?YesPrivacy policy
|
||||
|
||||
Get the Guides
|
||||
|
||||
Grab your FREE COPY of the guide(s) and watch your students (and you) transform.
|
||||
|
||||
First namHe
|
||||
|
||||
FJirst name
|
||||
|
||||
mFirst name
|
||||
|
||||
FirsTt name
|
||||
|
||||
EXmail address
|
||||
|
||||
Eimail address
|
||||
|
||||
Emaiil address
|
||||
|
||||
EmVail address
|
||||
|
||||
What are you interested in hearing about?
|
||||
|
||||
Anatomy & Physiology
|
||||
|
||||
Anatomy & Physiology
|
||||
|
||||
Anatomy & Physiology
|
||||
|
||||
Anatomy & Physiology
|
||||
|
||||
Biology
|
||||
|
||||
Biology
|
||||
|
||||
Biology
|
||||
|
||||
Biology
|
||||
|
||||
Flipped Classroom
|
||||
|
||||
Flipped Classroom
|
||||
|
||||
Flipped Classroom
|
||||
|
||||
Flipped Classroom
|
||||
|
||||
Becoming a Teacher Seller
|
||||
|
||||
Becoming a Teacher Seller
|
||||
|
||||
Becoming a Teacher Seller
|
||||
|
||||
Becoming a Teacher Seller
|
||||
|
||||
YES! SEND ME THE GUIDE!
|
||||
|
||||
You’ve successfully signed up! Check your email for details.
|
||||
1
.firecrawl/k12-ai-research/tpt-thumb-sizes.json
Normal file
1
.firecrawl/k12-ai-research/tpt-thumb-sizes.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"success":true,"data":{"web":[{"url":"https://raerocksteaching.com/tpt-thumbnail-size-how-to-optimize-your-thumbnails-for-more-clicks-and-sales/","title":"How to Optimize Your Thumbnails for More Clicks and Sales","description":"The standard TPT thumbnail size is 750 x 750 pixels, and it's set as a square for good reason. Square thumbnails are optimized for visibility.","position":1},{"url":"https://www.youtube.com/watch?v=wHunF8vIB4k","title":"New TPT Layout 2025: How Thumbnails & Previews Could Boost ...","description":"New TPT Layout 2025: How Thumbnails & Previews Could Boost Your Sales ... Teachers Pay Teachers (TPT) Product Covers for Higher Click-Through ...","position":2},{"url":"https://www.tiktok.com/@missmeredithmade/video/7485835488440421662","title":"TPT Thumbnail & Preview Tips for Teachers - TikTok","description":"For thumbnails, TPT recommends a minimum of 750x750 pixels, but I go a step further and use 1080x1080 pixels because the larger size looks ...","position":3},{"url":"https://www.youtube.com/watch?v=8_WAW0pWmuc","title":"How to Simplify TPT Product Creation - YouTube","description":"... sell. Templates carry forward year after year by swapping the reveal text from “Happy New Year” to “2026,” “2027,” and beyond, letting us ...","position":4},{"url":"https://sellerblog.teacherspayteachers.com/tpt-product-pages-are-getting-a-fresh-look/","title":"New: TPT Product Pages Are Getting a Fresh Look","description":"There's no change to the recommended thumbnail size, which continues to be 750px by 750px. Buyers can click on any of your thumbnail images to ...","position":5},{"url":"https://lindsaybowden.com/podcast/084/","title":"How to Design TPT Covers and Thumbnails That Pop","description":"Covers and thumbnails are essential for consistent TPT sales. Let's break down some best practices so your listings stop the scroll.","position":6},{"url":"https://www.youtube.com/watch?v=JU1lKDQZVGk","title":"How to Make Great TpT Product Covers that Get More Clicks","description":"How to Make Great TpT Product Covers that Get More Clicks. 209 views · 2 weeks ago ...more. Teach Create Sell. 594. Subscribe.","position":7},{"url":"https://help.teacherspayteachers.com/hc/en-us/articles/360042865851-What-s-the-difference-between-a-thumbnail-and-a-preview","title":"What's the difference between a thumbnail and a preview?","description":"A thumbnail is a small picture showcasing your product. You can showcase up to four thumbnail images per product. You can find information on creating ...","position":8},{"url":"https://www.youtube.com/watch?v=vtllvW43b08","title":"Your TPT Store Needs This Before Your First Upload - YouTube","description":"Starting a TPT store in 2026 looks very different than it did a few years ago. Uploading random products — especially in highly saturated ...","position":9},{"url":"https://help.teacherspayteachers.com/hc/en-us/articles/360042865791-How-do-I-generate-thumbnails-for-my-products","title":"How do I generate thumbnails for my products? – Frequently Asked ...","description":"There are two ways to create thumbnails for your products. 1. Let TPT automatically generate them for you.","position":10}]}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue